 1 - Standard zoom with thumbnails
$(document).ready(function(){
$('a#demo1').jqzoom();
});
2 - Reverse zoom
$(document).ready(function(){
$('a#demo2').jqzoom({
zoomType: 'reverse'
});
});
3 - Drag zoom
$(document).ready(function(){
$('a#demo3').jqzoom({
zoomType: 'drag'
});
});
4 - Inner zoom
$(document).ready(function(){
$('a#demo4').jqzoom({
zoomType: 'innerzoom'
});
});
5 - Always on zoom
$(document).ready(function(){
$('a#demo5').jqzoom({
zoomType: 'standard',
alwaysOn : true
});
});
6 - Resize,zoom popup custom position, fadein, fadeout effects
$(document).ready(function(){
$('a#demo6').jqzoom({
zoomType: 'standard',
alwaysOn : false,
zoomWidth: 250,
zoomHeight:200,
position:'left',
xOffset: 30,
yOffset:80,
showEffect : 'fadein',
hideEffect: 'fadeout'
});
});
|
