Change Language


Follow Navioo On Twitter

img

Defines an image object that is embedded in the document.

Browser/User Agent Support

IE Netscape Mozilla Opera Safari
2.0+ 1.0+ 1.0+ 4.0+ 1.0+

Example

Standard example

This example shows an image named "dog.jpg":

 <img source="images/dog.jpg" width="100" height="100" alt="Dog" />  

Hyperlink example

This example shows an image named "dog.jpg" that is nested in a hyperlink so that it goes to a page called "dogs.htm" when a user clicsk the image:


<a href="dogs.htm">
	<img source="images/dog.jpg" width="100" height="100" alt="Dog" />
</a >
 

Remarks

Using the "alt" attribute will not only display "alternate" text if an image doesn't render, it also displays the same text if a user hovers over an image. Remember to self-close your <img /> tags.

Attribute Detail

Attribute IE Netscape Mozilla Opera Safari
accesskey
[key].
Hot-key shortcut for the element.
5.5+ no no no 1.0+
 
Defines the alignment of the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
alt
[text]. Example values (Usually a name/description of the element): "banner.gif", "cat.jpg", etc.
Specifies alternative text to display if the element cannot be displayed as expected.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
border
[border-width]. Example values: 0 (borderless), 1, 2, etc.
Width (in pixels) of the border around the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
class
[class-name]. Example values: header-class, list-element, etc.
CSS class assigned to the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
datafld
[field-name]
For a databound element, specifies the field supplying the data.
4.0+ no no no no
 
datasrc
[name/id-of-data-source]
For a databound element, specifies the id of the data source.
4.0+ no no no no
 
dir
Direction of the element text.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
dynsrc
[url]
URL of a video clip file.
4.0+ no no no no
 
Specifies whether the image toolbar is visible.
6.0+ no no no no
 
height
[number-of-pixels]
Height of the element (in pixels).
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Specifies whether the element shows a visual cue when it has focus.
5.5+ no no no no
 
hspace
[number-of-pixels]
Number of pixels of space to the left and right of the element (i.e. horizontal margin).
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
id
[element-id]
Unique identifier for the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
lang
[language-code]. Example values: "en" (English), "fr" (French), "es" (Spanish), etc.
Language code for the content of the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Script language for the element.
3.0+ 2.0+ 1.0+ no 1.0+
 
longdesc
[url]
URL that contains a long description of the contents of the element.
4.0+ 1.1+ 1.0+ 4.0+ 1.0+
 
loop
[number]
Number of times to loop the media file. Specify "infinite" for a continuous loop.
2.0+ no no no 1.0+
 
lowsrc
[url]
URL for a low-resolution version of an image.
4.0+ no no no no
 
src
[url]
URL for the source for the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
style
[style-name]
Inline style for the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
tabindex
[number]
Position of the element in the tabbing order for the document.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
title
[text-description]
Short text description for the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Specifies whether or not the element is unselectable.
5.5+ no no no no
 
usemap
[url]
Specifies a URL to use for an image map or object map.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
vspace
[number-of-pixels]
Number of pixels of space above and below the element (i.e. vertical margin).
2.0+ 1.0+ 1.0+ 7.0+ 1.0+
 
width
[number-of-pixels | percentage]. Example values: 200px, 15%, etc.
Width of the element (pixels or percentage).
2.0+ 1.1+ 1.0+ 4.0+ 1.0+
 

Event Detail

Event IE Netscape Mozilla Opera Safari
Fires when the element becomes active.
4.0+ no no no no
 
Fires when the data from a datasource is successfully updated for a databound object.
4.0+ no no no no
 
Fires immediately before the element becomes active.
4.0+ no no no no
 
Fires immediately before the selection is cut to the clipboard.
4.0+ no no no 1.0+
 
Fires immediately before the element stops being the active element.
4.0+ no no no no
 
Fires immediately before the element receives focus prior to being edited.
4.0+ no no no no
 
Fires immediately before the selection is pasted from the clipboard to the element.
4.0+ no no no 1.0+
 
Fires immediately before the data from a datasource is updated for a databound object.
4.0+ no no no no
 
Fires when the element loses focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the element is clicked.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the element is right-clicked and the context menu opens.
4.0+ no no no 1.0+
 
Fires immediately before the element is selected.
4.0+ no no no no
 
Fires when the element is cut to the clipboard.
4.0+ no no no 1.0+
 
Fires when the element is double-clicked.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the active element becomes inactive.
4.0+ no no no no
 
Fires when the element is dragged.
4.0+ no no no 1.0+
 
Fires when the element is released from being dragged.
4.0+ no no no 1.0+
 
Fires when the element has another object dragged onto it that can be dropped on the element.
4.0+ no no no 1.0+
 
Fires when an element has an object dragged out of it that could be dropped onto the element.
4.0+ no no no 1.0+
 
Fires when an element has an object dragged over it that could be dropped onto the element.
4.0+ no no no 1.0+
 
Fires immediately before an element is dragged.
4.0+ no no no 1.0+
 
Fires when an object is dropped onto the element.
4.0+ no no no 1.0+
 
Fires when an error occurs while updating the datasource of a databound object.
4.0+ no no no no
 
Fires when the CSS Filter of an element changes or finishes transitioning.
4.0+ no no no no
 
Fires when the element receives focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires immediately before an element receives focus.
4.0+ no no no no
 
Fires immediately after focus moves from the element to another element.
4.0+ no no no no
 
Fires when a user presses the F1 key to activate help.
4.0+ no no no no
 
Fires when a user presses down on a key while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when a user presses a key or holds down the key while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when a user releases a key while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the element loses mouse capture.
4.0+ no no no no
 
Fires when a user clicks down on the mouse button while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the mouse pointer enters the element.
4.0+ no no no no
 
Fires when the mouse pointer leaves the element.
4.0+ no no no no
 
Fires when the mouse moves while the pointer over the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the mouse pointer moves off of the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the mouse pointer moves over the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the user releases the mouse button while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the user rotates the mouse wheel while the element has focus.
4.0+ no no no no
 
Fires when the element moves.
4.0+ no no no no
 
Fires when the element stops moving.
4.0+ no no no no
 
Fires immediately before the element moves.
4.0+ no no no no
 
Fires when the clipboard contents are pasted onto the element.
4.0+ no no no 1.0+
 
Fires when one of the properties of the element changes.
4.0+ no no no no
 
Fires when the ready state of the element changes.
4.0+ no no no no
 
Fires immediately before an element is about to be resized.
4.0+ no no no 1.0+
 
Fires when the element is finished being resized.
4.0+ no no no no
 
Fires immediately before a user resizes the element.
4.0+ no no no no
 
Fires immediately before the element is selected.
4.0+ no no no 1.0+
 
Fires when a time-related error occurs.
4.0+ no no no no
 

Examples -> Source code Demo online - > image:

Ajax Javascript feed

↑ Grab this Headline Animator