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 al WorldWideScripts.net

Abonu al nia feed resti ĝisdata!

Nova! Sekvu nin kiel vi deziras gxin!


Ads

Ad: Bluehost hosting
Pligrandigu ajna img etikedo elemento en via retejo kun nur klako. Kun zPopout ne gravas kie sur la paĝo, via img demetas, estos aŭtomate kalkuli kaj montri kuraĝigon de la bildo kreskis en grandeco. Estas pluraj stiloj kaj plivastigo kuraĝigoj.

zPopout estas ege facile uzi, ĉiuj vi devas fari estas aldonionload = ' $ ( ĉi tiu) . zPopout (); 'al viaj IMG etikedo. Vi povas tiam personecigi la agordoj kaj stiloj de la nuna IMG etikedo.

Uzado

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

opcioj:

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.


Elŝuti
Aliaj komponantoj en ĉi tiu kategorioĈiuj komponantoj de tiu aŭtoro
KomentojOftaj demandoj kaj respondoj

Propraĵoj

Kreita:
4 Februaro 13

Last Update:
4 Februaro 13

Kongrua Browsers:
IE9 , IE10 , Firefox, Safari , Opero , Chrome

Programaro Versio:
jQuery

Alta Rezolucio:
Ne, Dosieroj Inkluditaj

Ŝlosilvortoj

klaku grandaj, vastigus, etendi, bildon pli granda, bildon pli granda, bildo zoom, popo ekstere, popout, skalo, zoom