Cloud Zoom Plugin jQuery - Phóng to ảnh cho website

Cloud Zoom là plugin cho phép chúng ta phóng to một góc ảnh từ một bức ảnh gốc. Chúng ta thường thấy các website bán hàng hay sử dụng plugin Cloud Zoom giúp khách hàng có thể xem rõ các góc cạch của sản phẩm đó.

Cloud Zoom Plugin jQuery - Phóng to ảnh cho website
Demo Download

Các tính năng:

  • Trơn tru và nhanh chóng  - làm cho hình ảnh và hình ảnh của bạn trông thậm chí còn ấn tượng hơn
  • Không có lập trình máy chủ yêu cầu  - thêm một kịch bản duy nhất để trang web của bạn trong vài phút
  • Tương thích với các trình duyệt  - máy tính bảng, điện thoại di động và trình duyệt cũ (thậm chí IE6)
  • Nhấn để phóng to  - hoạt động trên các thiết bị cảm ứng như iPad. iPhone và Android
  • Zoom không giới hạn trên trang  - không cần phải thay đổi hoặc làm thiết kế bên bạn
  • Một và hai chế độ hình ảnh  - kết quả tốt nhất sử dụng hai hình ảnh (một res thấp, một res cao), nhưng có thể làm việc với một hình ảnh duy nhất (đề nghị res trung bình) nếu được yêu cầu
  • Ống kính phong cách và cửa sổ zoom với CSS  - thay đổi kích thước, biên giới, góc tròn, bóng vv
  • API phát triển của JavaScript  - kiểm soát
  • Sử dụng phổ biến - framework jQuery

Các tham số được định nghĩa trong rel

zoomWidth in pixels Chiều rộng của cửa sổ zoom hiện lên
zoomHeight in pixels Chiều cao của cửa sổ zoom hiện lên
position Mặc định "right". Xác định cửa sổ zoom tương đối so với hình ban đầu. Cho phép giá trị "top", "bottom", "left", "right"
adjustX in pixels Mặc định 0. Tinh chỉnh vị trí x-position của cửa sổ zoom.
adjustY in pixels Mặc định 0. Tinh chỉnh vị trí y-position của cửa sổ zoom.
tint #aa00aa Chỉ định một màu sắc màu đó sẽ bao gồm các hình ảnh nhỏ. Màu sắc nên được quy định trong định dạng hex, ví dụ như '#aa00aa'.
tintOpacity Giá trị mặc ​​định 0.5 . Trong đó 0 là trong suốt, và 1 là đục.
softFocus true/false Áp dụng một hiệu ứng làm mờ tinh tế với hình ảnh nhỏ. Thiết lập là true hoặc false. Tác dụng với Tint Effect. được áp dụng với một số hạn chế.
smoothMove Giá trị mặc ​​định 3 . Số tiền trơn / trôi dạt của hình ảnh zoom khi nó di chuyển. Số càng cao, các / drifty nhiều phong trào mượt mà sẽ được. 1 = không mịn.
lensOpacity Lens chuột opacity con trỏ. Giá trị mặc ​​định 0.5 . Trong đó 0 là trong suốt, và 1 là đục.
showTitle true/false Hiển thị các thẻ tiêu đề của hình ảnh.
titleOpacity Giá trị mặc ​​định 0.5 . Xác định độ mờ đục của tiêu đề nếu hiển thị, trong đó 0 là trong suốt, và 1 là đục.

1 comment:

  1. bạn hướng dẫn mình làm zoom hình này đi ! mình bó tay rồi

    ReplyDelete