DETAIL
Nếu bạn đang tìm mã javascript để làm hiệu ứng “zoom ảnh” thì imageLens là plugin bạn cần. Plugin cho phép bạn tùy biến kích thước của lens, màu sắc viền lens, chọn một ảnh khác để zoom (không cần load ảnh gốc ngay từ đầu).
Cách sử dụng
Thêm jQuery và jquery.imageLens.js vào website
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.imageLens.js" type="text/javascript"></script>
Để gọi imageLens làm việc, bạn chỉ cần sử dụng:
$("#img_01").imageLens();
Với cách gọi này, imageLens sẽ tự động tính toán kích thước lens dựa trên kích thước của ảnh trên website và ảnh gốc. Bạn có thể xem thêm các tùy biên khác tại trang chủ plugin
Với trình duyệt IE8 về trước, bạn sẽ thấy lens có hình vuông thay vì hình tròn. Bạn có thể làm theo link: Round lens support in IE8 or below để chuyển đổi lens về hình tròn.
Demo: http://www.dailycoding.com/Uploads/2011/03/imageLens/demo.html
Download: http://www.dailycoding.com/Uploads/2011/03/imageLens.zip
Nguồn: http://ntuts.com/jquery/plugin/imagelens-zoom-anh-voi-lens
