$(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>
很久之前用過今天要找找不到,寫下來記錄一下 :]