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

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


Ads

Ad: Bluehost hosting
Membesarkan mana-mana elemen tag img dalam laman web anda dengan hanya satu klik. Dengan zPopout ia tidak kira di mana pada halaman img anda meletakkan, ia secara automatik akan mengira dan memaparkan animasi imej yang semakin meningkat dalam saiz. Terdapat beberapa gaya dan animasi pembesaran.

zPopout adalah amat mudah untuk digunakan, anda hanya perlu lakukan adalah menambah; onload = ' $ (this) zPopout (). . . tag IMG anda. Anda boleh menyesuaikan tetapan dan gaya tag IMG semasa.

Penggunaan

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

pilihan:

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.


Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

Dicipta:
4 Feb 13

Kemaskini:
4 Feb 13

Pelayar Sesuai:
IE9, IE10 , Firefox , Safari , Opera , Chrome

Software Version:
jQuery

Resolusi Tinggi:
Tidak

Files Termasuk:
JavaScript JS , HTML , CSS

Kata kunci

klik besar, membesarkan, melanjutkan, imej yang lebih besar, imej yang lebih besar, zoom imej, keluar pop, pop keluar, skala, zoom