jQuery Plugin - Simple Zoom

Working on a recent project we needed to be able to make a 'zoom' style effect. The easiest way we could think of to do this was a simple + and - zoom bar (just like google maps) over a background image.

This piece of jQuery inserts a nicely styled compliant ul with li's into the container specified (if it's not there already) and sets some trigger events for the anchor tags.

Now when you click on the plus or minus the background image is switched out for a larger version (passed in to the declaration).

The more images you pass in the more bars appear in the zoom control.

To make it work you need to set up some css and pass in the 'target_div' parameter in to the js with an array of image paths; and thats it, everything else is worked out for you.

• Take a look at the demo page here
• Get hold of the minimised js here
• Or grab the zip of everything including demos here

You can also find this project over at the main jQuery plugins website.

• Bears set the PACE

  10th December 08

• No time for snowball fights

  04th December 08

• XML Flash Audio Player

  11th November 08

• jQuery Plugin - Simple Resizer

  11th November 08

• jQuery Plugin - Draggable Images

  11th November 08

• jQuery Plugin - Simple Zoom

  11th November 08

• jQuery Plugin - Smart Modal

  10th November 08

•