Mouse Over Zoom - Documentation
A plugin to zoom images on mouse over event.
Upload a pair of images: thumbnail and double sized. The in your HTML code type
Syntax:
<img class="mouseoverzoom" src="/smallimage,bigimage,link,link target,zoom factor" />
- class="mouseoverzoom" - is a keyword for the plugin to apply the effect;
- smallimage - Normal size image;
- bigimage - Optional/ The image to show when zoomed ;
- link - URL to go on Mouse Click;
- link target - Where to open a page the link leading to ( _blank or _top);
- zoom factor - How much to zoom the image (2, 3 or 4 times);
- rotation angle;
example:
<img class="mouseoverzoom" src="/thumbnail image,zoomed image" />
<img class="mouseoverzoom" src="/thumbnail image,zoomed image,,,4" width="200" />
<img class="mouseoverzoom" src="/images/img1.jpg,images/img1_big.jpg,,,3" />
also you may add a link and link target if necessary:
<img class="mouseoverzoom" src="/images/img1.jpg,images/img1_big.jpg,http://compass.com.pa,_blank" />