ImageLens - Zoom ảnh với "lens"

Đăng bởi Neo trong mục Hướng dẫn vào 31 tháng 5, 2011 | Comments

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.

Bạn có thích bài viết này?

Neo's picture

Neo

Nhìn mặt trời từ năm 1984 nhưng tới tận 2002 mới được thấy cái máy tính đầu tiên của mình. Đầu năm 2007 thì quyết định theo cái nghề cao quý là thiết kế web Big Grin. Hiện mình đang sống tại Hà Nội. Sở thích: làm website và giúp đỡ mọi người phát triển website theo chiều hướng tốt đẹp hơn.

Trang chủ - Twitter