mozilla
Your Search Results

    image

    Summary

    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 is available in the XUL tutorial.

    Note: Prior to Gecko 8.0, images did not shrink down with the same ratio in both directions when specifying maximum sizes using maxheight or maxwidth. The new behavior aligns more with the HTML <img> element and shrinks both the width and height down proportionally.

    Attributes
    onerror, onload, src, validate
    Properties
    accessibleType, src
    Style classes
    alert-icon, error-icon, message-icon, question-icon

    Examples

    Image:Firefoxlogo2.png
    <image src='Firefoxlogo.png' width='135' height='130'/>
    

    Attributes

    onerror
    Type: script code
    This event is sent to an image element when an error occurs loading the image.
    src
    Type: URI
    The URI of the content to appear in the element.
    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.

    Properties

    accessibleType
    Type: integer
    A value indicating the type of accessibility object for the element.
    src
    Type: URL
    Gets and sets the value of the src attribute.

    Inherited Properties
    align, attributes, allowEvents, baseURI, boxObject, builder, childElementCount, childNodes, children, className, clientHeight, clientLeft, clientTop, clientWidth, collapsed, contextMenu, controllers, database, datasources, dir, firstChild, firstElementChild, flex, height, hidden, id, lastChild, lastElementChild, left, localName, maxHeight, maxWidth, menu, minHeight, minWidth, namespaceURI, nextElementSibling, nextSibling, nodeName, nodeType, nodeValue, observes, ordinal, orient, ownerDocument, pack, parentNode, persist, prefix, previousElementSibling, previousSibling, ref, resource, scrollHeight, scrollLeft, scrollTop, scrollWidth, statusText, style, tagName,textContent, tooltip, tooltipText, top, width

    Methods

    Inherited Methods
    addEventListener(), appendChild(), blur, click, cloneNode(), compareDocumentPosition, dispatchEvent(), doCommand, focus, getAttribute(), getAttributeNode(), getAttributeNodeNS(), getAttributeNS(), getBoundingClientRect(), getClientRects(), getElementsByAttribute, getElementsByAttributeNS, getElementsByClassName(), getElementsByTagName(), getElementsByTagNameNS(), getFeature, getUserData, hasAttribute(), hasAttributeNS(), hasAttributes(), hasChildNodes(), insertBefore(), isDefaultNamespace(), isEqualNode, isSameNode, isSupported(), lookupNamespaceURI, lookupPrefix, normalize(), querySelector(), querySelectorAll(), removeAttribute(), removeAttributeNode(), removeAttributeNS(), removeChild(), removeEventListener(), replaceChild(), setAttribute(), setAttributeNode(), setAttributeNodeNS(), setAttributeNS(), setUserData

    Style classes

    alert-icon
    Class that adds an 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.
    error-icon
    Class that adds an error icon. This will typically be a red "X" icon.
    message-icon
    Class that adds a message box icon.
    question-icon
    Class that adds a question icon, which usually looks like a question mark.

    See also the image and icon attributes.

    Interfaces

    Document Tags and Contributors

    Last updated by: jan-kiszka,