| 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" |
| 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" |
| rel | Specify the relevant image id if there is more than 1 zoom on the page. | Required |
| Example: rel="zoom2" |
| 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" |
