|
List of attributes
Posted by Michael G.K on 30 August 2008 06:12 AM
|
Attributes for the <img> tag
| src |
The URI of your small image. |
Required |
| |
Example: href="/images/motorbike_small.jpg" |
|
| alt |
The alternative description for the image (required for
accessibility). |
Optional |
| |
Example: href="/images/motorbike_small.jpg" |
|
| id |
Choose an id if there is more than one zoom on your page. |
Optional |
| |
Example: id="zoom2" |
|
Attributes for the <a> tag
| href |
The URI of your large image. |
Required |
| |
Example: href="/images/motorbike_large.jpg" |
|
| title |
Adds a caption above the zoomed image. |
Optional |
| |
Example: title="Nokia N95 mobile phone" |
|
| rev |
The URI of your small image (only required for multiple images). |
Optional |
| |
Example: href="/images/motorbike_small.jpg" |
|
Attributes for the <a> tag (if using multiple zooms)
| rel |
Specify the relevant image id if there is more than 1 zoom on the
page. |
Required |
| |
Example: rel="zoom2" |
|
Attributes for the <a> tag (if using multiple images)
| rel |
The rel can contain multiple attributes to customise your zoom. |
Optional |
| |
drag-mode Turn on ability to drag image by setting
this to true.
Example: rel="drag-mode:
true"
always-show-zoom Always display the zoomed image
by setting this to true.
Example: rel="always-show-zoom:
true"
zoom-position Change the default location of the
zoomed image by setting this to custom. Set the location of the zoomed
image by using its id and adding -big.
Example: rel="zoom-position:
custom" and set the location of the zoomed image with
id="zoom2-big" |
|
 (153 vote(s)) Helpful  Not helpful
|
