Image

An element that displays an image, much like the HTML img element. The src attribute can be used to specify the URL of the image.

More information about image

Example:

    <image src='my-face.png' width='60' height='80'/>

HTML の img 要素と同様な、画像を表示する要素。 src 属性で画像の URL を指定することができる。

image の追加情報

例 :

    <image src='my-face.png' width='60' height='80'/>

属性:

onerror onload src validate

スタイルクラス:

alert-icon error-icon message-icon question-icon

プロパティとメソッド:

accessible src

属性:

XUL Element から継承:

align
allowevents
allownegativeassertions
class
coalesceduplicatearcs
collapsed
container
containment
context
contextmenu
datasources
debug
dir
empty
equalsize
flags
flex
height
hidden
id
insertafter
insertbefore
left
maxheight
maxwidth
menu
minheight
minwidth
mousethrough
observes
ordinal
orient
pack
persist
popup
position
ref
removeelement
sortDirection
sortResource
sortResource2
statustext
style
template
tooltip
tooltiptext
top
uri
wait-cursor
width

onerror

Type: script code

This event is sent to an image element when an error occurs loading the image.

型 : script code

画像の読み込みでエラーが発生した場合、このイベントが image 要素に送信される。

onload

Type: script code

This event handler will be called on the image element when the image has finished loading. This applies whether the image is applied via the src attribute or the list-style-image style property. If you change the image, the event will fire again when the new image loads. This event will not bubble up the element tree.

型 : script code

このイベントハンドラは、画像の読み込みが完了したときに image 要素で呼ばれる。画像が src 属性を使って変更されたか、list-style-image スタイルプロパティを使って変更された場合に適用される。画像を変更すると、新しい画像が読み込まれるときにもこのイベントは発生する。このイベントは要素ツリーをバブルアップしない。

src

Type: image URL

The URL of the image to appear on the image. If this attribute is left out, no image appears.

型 : image URL

image に表示する画像の URL。この属性がないと、画像は表示されない。

validate

Type: one of the values below

This attribute indicates whether to load the image from the cache or not. This would be useful if the images are stored remotely or you plan on swapping the image frequently. The following values are accepted, or leave out the attribute entirely for default handling:

  • always: The image is always checked to see whether it should be reloaded.
  • never: The image will be loaded from the cache if possible.

型 : 以下の値の一つ

この属性は、キャッシュから画像を読み込むかどうかを指定する。画像がリモートに保存されていたり、頻繁に画像を変えたりするとき、この属性は役立つ。以下の値が受け入れられる。属性を完全に消すと、デフォルトの処理になる。

  • always: 画像を再読み込みするべきかどうかを常にチェックする。
  • never: 可能であれば、画像はキャッシュから読み込まれる。

スタイルクラス:

The following classes may be used to style the element. These classes should be used instead of changing the style of the element directly since they will fit more naturally with the user's selected theme.

以下のクラスは、要素をスタイル付けするために用いられる。ユーザが選択したテーマにより自然に合うため、要素のスタイルを直接変更するかわりにこれらのクラスを使用するべきである。

alert-icon

Class that adds a alert icon. This typically looks like an exclamation mark. This and the other icon classes may be used by image elements or other elements which can have an image.

アラートアイコンを追加するクラス。一般には、感嘆符の形である。このアイコンクラスや他のアイコンクラスは、 image 要素や画像を持つことができる他の要素で使用される。

error-icon

Class that adds a error icon. This will typically be a red X icon.

エラーアイコンを追加するクラス。一般には、赤い X アイコンである。

message-icon

Class that adds a message box icon.

メッセージボックスアイコンを追加するクラス。

question-icon

Class that adds a question icon, which usually looks like a question mark.

質問アイコンを追加するクラス。通常、疑問符の形である。


プロパティとメソッド:

accessible

Type: nsIAccessible

Returns the accessibility object for the image.

型 : nsIAccessible

画像の accessibility オブジェクトを返す。

src

Type: image URL

Gets and sets the value of the src attribute.

型 : image URL

src 属性の値を取得・設定する。

XUL Element から継承:

align allowEvents blur boxObject boxObject.element
boxObject.getLookAndFeelMetric boxObject.height boxObject.screenX boxObject.screenY boxObject.width
boxObject.x boxObject.y builder className click
collapsed contextMenu controllers database datasources
dir doCommand flex focus getElementsByAttribute
height hidden id left maxHeight
maxWidth menu minHeight minWidth observes
ordinal orient pack persist ref
resource statusText style tooltip tooltipText
top width

Element から継承:

addEventListener
appendChild
attributes
childNodes
cloneNode
dispatchEvent
firstChild
getAttribute
getAttributeNS
getAttributeNode
getAttributeNodeNS
getElementsByTagName
getElementsByTagNameNS
hasAttribute
hasAttributeNS
hasAttributes
hasChildNodes
insertBefore
isSupported
lastChild
localName
namespaceURI
nextSibling
nodeName
nodeType
nodeValue
normalize
ownerDocument
parentNode
prefix
previousSibling
removeAttribute
removeAttributeNS
removeAttributeNode
removeChild
removeEventListener
replaceChild
setAttribute
setAttributeNS
setAttributeNode
setAttributeNodeNS
tagName

Copyright (C) 1999 - 2004 XulPlanet.com