jLoupe 1.1

By Chris Iufer chris@iufer.com

To get started, import the jquery.jloupe.js script into your page

Add the class "jLoupe" and use one of the following methods to setup your zoom.

HTML Example

an image scaled using the width or height attribute

<img src="..." width="256" class="jLoupe">
CSS Example

an image scaled with inline CSS

<img src="..." style="width:256px;" class="jLoupe">
Zoom Example

a thumbnail image with a fullsize image set in the "longdesc" attribute

<img src="thumbnail.jpg" longdesc="fullsize.jpg" class="jLoupe">