[jQuery] - Lens Effect Image Zoom imageLens ซูมรูปแบบเลนส์

ขั้นตอนการติดตั้ง

ก่อนอื่นให้คุณ Login เข้าไปที่ blogger.com และจากแผงควบคุมให้เข้าไปที่ แม่แบบ >> แก้ไข HTML

ในขั้นนี้ให้คุณค้นหาโค้ด </head> และเมื่อพบแล้วให้วางโค้ดต่อไปนี้ลงไปก่อนหน้าโค้ดดังกล่าว

<!--LensZoom http://แต่งบล็อก.blogspot.com Start-->
<script src="https://sites.google.com/site/siani3d99/home/code/jquery.js" type="text/javascript"></script>
<script src="https://sites.google.com/site/siani3d99/home/code/jquery.imageLens.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(function () {
 $("#img_01").imageLens();
$("#img_02").imageLens({ lensSize: 200 });
$("#img_03").imageLens({ imageSrc: "sample01.jpg" });
$("#img_04").imageLens({ borderSize: 0});
});
</script>
<!--/LensZoom-->

โค้ดสำหรับใส่รูปภาพ โดยเปลี่ยน urlรูป  และ img_01 ตามรูปแบบที่ต้องการ

<img id="img_01" src="urlรูป" width="384" height="240" />

• LIVE DEMO
• DOWNLOAD 
•