ImageZoom Demo
--- 一个很酷的jQuery图片放大镜插件

Demo1 Default 'inner' Mode

Call ImageZome without any config,just apply it on an image. You can set the image size, apply some style or make it responsive as usual.
  • Inner zoom mode.
  • Without any config.
  • Default mode: inner zome mode.
  • Single image,without set the largeimage.
  • Responsive,try resize you browser !
  • Smooth move.

Demo2 Inner Zoom / Multiple

Inner zoom mode with multiple images.Click the thumb image to change image.
  • Mutiple images list.
  • Both the carousel and zoom image are responsive.
  • Images list size can be set. now 3
  • Zoom with large image.
  • CSS3 transition used on thumb image active.
  • And more ...

Demo3 Standard Zoom

Responsive! Standard zoom mode show on the left/right. You can set the zoom view size ,custom css class , set the offset of the thumb image or other offset target! Try resize your browser, you will find out the magic!
  • Dynamic set the zoom viewer size, responsive!
  • Can custom the zoom viewer style.
  • Option for zoom viewer position. left/right
  • Option for zoom viewer offset,and offset target.
  • Show image info on the zoom viewer and the info block can be custom.
The image alt attr will show on the zoom view!

Demo4 Standard Zoom / Multiple

Standard zoom mode with multiple images.Custom start image of the list.
  • Mutiple images list.
  • Both the carousel and zoom image are responsive.
  • Images list size can be set. now 4
  • Option of zoom handler style.
  • Custom start image of the list.
  • Call onShow and onHide events make zoomviewer fade effects.
  • A lot of option ...

Demo5 Follow Zoom

Follow Zoom of single image, Can be set large image or not. And you can easy custom the lens size and style.
  • Easy to custom the lens style.
  • Lens size can be set view zoomSize option.
  • Support single image or can be set a large image for thumb.
  • Use thumb img for preview inside of blank loading as standrd and inner mode.
  • Responsive too!

Demo6 Follow Zoom / Multiple

Follow zoom mode with multiple images.
  • Smooth move as Inner/Standard Mode. With option smoothMove:true.
  • Just large image or with thumb image in list and preview.
  • Easy to custom the lens style.
  • Lens size can be set view zoomSize option.
  • You will find more in the documention.
  • More will go on :)