$(document).ready(function(){
$('#img_01').imageLens(); // default initialization
$('#img_02').imageLens({ lensSize: 200 }); // set lens size
$('#img_03').imageLens({ lensSize: 200, imageSrc: 'data_images/img5.jpg' }); // lens size + custom image
$('#img_04').imageLens({ borderSize: 8, borderColor: '#f00' }); // new border size and color
});

 

 

Demo Link : http://www.script-tutorials.com/demos/69/index.html

 

轉自:http://www.script-tutorials.com/image-zoom-tool-jquery-imagelens/

 

 

實際操作:

 

<script type="text/javascript" language="javascript">

$(document).ready(function() {
$("span img").imageLens({ lensSize: 200 });
});
</script>

 

 

很久之前用過今天要找找不到,寫下來記錄一下 :]

arrow
arrow
    全站熱搜

    貓小佑 發表在 痞客邦 留言(0) 人氣()