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

zPopout - Animated JQuery img tag enlargement box

— 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ó!


Ads

Ad: Bluehost hosting
Phóng to bất kỳ yếu tố thẻ img trong trang web của bạn chỉ với một cú nhấp chuột. Với zPopout nó không quan trọng mà trên trang img của bạn đặt, nó sẽ tự động tính toán và hiển thị một hình ảnh động của hình ảnh phát triển trong kích thước . Có rất nhiều phong cách và hình ảnh mở rộng .

zPopout là rất dễ sử dụng, tất cả các bạn cần làm là thêmonload = ' $ (this) zPopout ( ) ; "để thẻ IMG của bạn . Sau đó bạn có thể tùy chỉnh các thiết lập và phong cách của thẻ IMG hiện tại .

Cách sử dụng

<img src="someimage.jpg" onload="$(this).zPopout({style:'default'});" />

lựa chọn:

preload = (can be true of false,  [Default: true])
If the bigger image should be preloaded when the website loads.

duration = (In Milisecods can by any integer above 1,  [Default: 500])
The amount of time it takes to enlarge the image.

duration3d = (In Milisecods can by any integer above 1,  [Default: 500])
The amount of time it takes to enlarge the image with 3d style such as 3d-spin.

style = ("default", "3d-spin", "3d-diamond", "3d-diamondinvert", "2d-spin",  [Default: "default"])
Sets the enlargement animation style. (Note: 3d styles can only be used on Chrome, other browsers will only see default animation)

borderstyle = ("default", "zrounded_white", "zrounded_black",  [Default: "default"])
Sets the border style of the enlarged image.

title = (Can be any string,  [Default: ""])
This option allows you to add a text overlay to the enlarged image.

titleposition = ("bottom", "top", "bottom_rounded", "top_rounded",  [Default: "top"])
Sets the position of the Text overlay when enlarged.

background = (can be true of false,  [Default: true])
True/ False if the enlargement process should have half transparent dim black background.

overlay = (can be true of false,  [Default: true])
True/ False if the unenlarged image should have a mouse hover effect.

customsrc = (Can be any string url,  [Default: ""])
This option allows you to add a custom image to be enlarged rather than the original IMG tag's src.


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:
4 13 Tháng 2 , Cập nhật lần cuối

Độ phân giải cao:
Không có

tập tin bao gồm:
JavaScript của JS , HTML, CSS

Từ khóa

bấm lớn, phóng to, kéo dài, hình ảnh lớn hơn, hình ảnh lớn hơn, zoom hình ảnh, bật ra, popout, quy mô, phóng to