WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

ImageZoom - Responsive jQuery Image Zoom Plugin

— Add-On để WorldWideScripts.net

Đăng ký vào nguồn cấp dữ liệu của chúng tôi để ở lại đến ngày!

Mới! Theo chúng tôi như bạn muốn nó!


ImageZoom - Responsive jQuery Image Zoom Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Tổng quan

ImageZoom là một plugin jQuery cho hiệu ứng hình ảnh zoom. Nó có chế độ thrid của hình ảnh hiệu ứng zoom: chế độ bên trong, chế độ tiêu chuẩn và chế độ làm theo. Nó rất dễ dàng để sử dụng, bạn chỉ có thể sử dụng hình ảnh duy nhất, hoặc thiết lập một hình ảnh lớn. Khi bạn thiết lập một hình ảnh lớn, bạn xem thấy nó 4 ~ 10 nhanh hơn khác để hiển thị xem zoom (witch kiện tải hình ảnh sử dụng để có được những hình ảnh chiều rộng / chiều cao lớn). Bạn có thể thử các bản demo các imgfast trong trang demo sống để nhìn thấy nó. Và ImageZoom đã sẵn sàng để sử dụng với một băng chuyền. Nó có rất nhiều sự lựa chọn và phương pháp phù thủy để làm gì chỉ cần. Hãy tận hưởng nó :)

Tính năng

  • Responsive! Bạn có thể sử dụng nó trong bạn đáp ứng bố trí.
  • Ba chế độ zoom bao gồm. Inner zoom, zoom tiêu chuẩn, theo zoom
  • Nhận chiều rộng / chiều cao lớn 4x-10x nhanh hơn so với sự kiện imageload.
  • Sử dụng hình ảnh thay đổi kích cỡ ngón tay cái để xem zoom khi ảnh lớn đang tải.
  • Mượt di chuyển. View zoom di chuyển trơn tru.
  • Tùy chỉnh bằng CSS và các tùy chọn.
  • Tùy chọn linh hoạt.
  • Dễ dàng kiểm soát các đối tượng zoom với nhiều phương pháp.
  • Lựa chọn nào cho hình ảnh trước khi tải hay không.
  • ImageZoom với elastislide sẵn sàng. (An da tùy chỉnh bao gồm) cũng đáp ứng.
  • Hội Chữ thập duyệt
  • Tổ chức sự kiện gọi lại cho bắt đầu và kết thúc zoom.
  • Dễ dàng tùy chỉnh phong cách.
  • Nhiều demo và tài liệu gì có.

Tùy chọn

  • loại:. Các chế độ hình ảnh zoom (bên trong, tiêu chuẩn, theo) Mặc định: nội
  • Mặc định Nếu cuộc gọi hình ảnh zoom vào hình ảnh ngón tay cái và muốn phóng to hình ảnh lớn với thiết lập tùy chọn này:: bigImageSrc. rỗng
  • smoothMove: là hình ảnh của zoomviewer di chuyển trơn tru. (True / false) Mặc định: đúng
  • Default ImageZoom tải trước hình ảnh lớn:: preload. đúng
  • zoomSize:. Kích thước ZoomView cho chế độ tiêu chuẩn và chế độ theo mặc định: [100100]
  • offset: Thiết lập mặc định bù đắp của zoomviewer cho chế độ tiêu chuẩn:. [10,0]
  • vị trí: Set trái / phải để hiển thị các zoomviewer Mặc định:. đúng
  • Mặc định Đặt id của zoomviewer align đến (Standard Mode):: alignTo. null (alignTo ảnh riginal)
  • Mặc định Lớp mô tả coustom css:: descriptionClass. rỗng
  • Mặc định là tự động zoomimage hiển thị các hình ảnh mô tả:: showDescription. đúng
  • zoomViewerClass: Lớp coustom của người xem zoom cho chế độ theo dõi và tiêu chuẩn mặc định chế độ:. rỗng
  • Mặc định Lớp coustom của khu vực xử lý zoom cho chế độ tiêu chuẩn:: zoomHandlerClass. chuỗi rỗng
  • Mặc định tổ chức sự kiện khi zoom bắt đầu:: onShow. rỗng
  • Mặc định tổ chức sự kiện khi zoom cuối:: onHide. rỗng

ImageZoom Object

  • obj. $ viewer (jQuery tố đối tượng) Những hình ảnh cho thấy khu vực xem lớn.
  • obj. $ handlerArea (jQuery đối tượng phần tử) Quan điểm chương trình xử lý hình ảnh trên ngón tay cái khi sử dụng chế độ tiêu chuẩn.
  • obj. $ el (jQuery đối tượng phần tử) Hình ảnh các bạn đã gọi ImageZoom vào nó.
  • obj. $ largeImg (jQuery đối tượng phần tử) Các hình ảnh lớn hiển thị trên xem zoom.

Phương pháp

  • tiêu diệt (): Phá hủy imagezoom.
  • changeImage (string, string): Thay đổi các tag img src ảnh gốc và hình ảnh lớn.
  • changeZoomSize (số lượng, số lượng): Thay đổi kích thước ZoomViewer (chiều rộng, chiều cao).

Hiệu ứng hình ảnh khác Plugins

HoverEx - jQuery hình ảnh hoạt hình hover Plugin

HoverEx Qua Ảnh động Over mẫu Responsive thể dễ dàng tùy chỉnh Old trình duyệt thân thiện Phóng Plugin và Slider Plugin

Picanim - jQuery hiệu ứng hình ảnh hover pulgin

Plicanim hiệu ứng hover độc đáo chỉ 3KB sau gziped qua trình duyệt IE6 thậm chí với hiệu ứng mouseout rrse bao gồm mờ như faddn suốt lát gấp boxRandorn boxDiagional

Zoome - jQuery Image Zoom Effect Plugin

Zoome Zoom với hover r.graysca le, Cross trình duyệt điều khiển zoom với bánh xe tùy chọn linh hoạt I3j Llikeyjun Cờ Counter

Tải về
Các thành phần khác trong thể loại nàyTất cả các thành phần của tác giả này
Ý kiếnCâu hỏi thường gặp và câu trả lời

Tài sản

Tạo ra:
27 ngày 13 tháng 5

Cập nhật lần cuối ngày 29 Tháng 8:
13

Độ phân giải cao:

trình duyệt tương thích:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, tập tin bao gồm

Từ khóa

Thương mại điện tử, All Items, sinh động, băng chuyền, e, fuild, galleryw, hì, nh ảnh, ống kí, nh, kí, nh lú, p, previenlarge, đá, p ứng, quy mô, slide, mịn, zoom, Zoomer