Magnifier is a plugin that build a navigation system upon 2 images: the miniature and its fullsize version.

Requirements
In your HTML you'll put the img tag of the miniature, setting a pseudo-attribute called fullsize with the url of your big image.
Then you just call the method .magnifier() to build all the others html stuffs.

HOW IT WORKS
By default the navigation content will be append to the parent of miniature and its sizes will be set to x4 sizes of the miniature.
You can easily configure a set of parameters:

PARAMETERS

• appendTo (default "") - indicates a selector for the element in wich append the container of full image. The value "" indicates to append it in the parent of miniature
• position (default "bottom-right") - to set where the navigator will be placed. Accepted values: "top-left", "top-right", "bottom-right", "bottom-left"
• loadingMessage (default "Loading full image...") - the waiting message to show while the full image is loading.
• fullSizeX (default "x4") - The horizontal size of visible area. Accepted values: /(^x[0-9]+$)|(^[0-9]+px$)/ (that means: xN or Npx. in the first case the size will be set as a multiply of the miniature size, in the second is expressed in pixels)
• fullSizeY (default "x4") - The vertical size of visible area. Accepted values: /(^x[0-9]+$)|(^[0-9]+px$)/ (that means: xN or Npx. in the first case the size will be set as a multiply of the miniature size, in the second is expressed in pixels)
• styleNavigator (obj) -
  • border (default "solid 1px #ffffff") - css rule for the border of navigator
• styleMiniature (obj) -
  • border (default "solid 2px #ababab") - css rule for the border of the miniature

KNOWN PROBLEMS
Uhm... nothing. It was tested on FF 3.0/3.5, IE6/7, Safari 3/4, Chrome and Opera.
If you have any trouble please report to me!

Downloads