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

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


Ads

Ad: Bluehost hosting
Vergrößern jedes Element img-Tag in Ihre Website mit nur einem Klick. Mit zPopout spielt es keine Rolle, wo auf der Seite Ihre img legt, wird es automatisch berechnen und anzuzeigen eine Animation des Bildes in der Größe wachsen . Es gibt einige Arten und Erweiterung Animationen.

zPopout ist extrem einfach zu bedienen, ist alles, was Sie tun müssen, hinzuzufügenonload = ' $ (this) zPopout (); . 'Ihre IMG -Tag. Sie können dann die Einstellungen anpassen und Stile des aktuellen IMG -Tag.

Verbrauch

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

Optionen:

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.


Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
4 13. Februar

Letztes Update:
4 13. Februar

kompatiblen Browsern:
IE9, IE10 , Firefox , Safari, Opera, Chrome , Software Version

Hohe Auflösung:
Nein

Dateien inklusive:
JS JavaScript , HTML, CSS

Stichworte

klicken groß, vergrößern, verlängern, Bild größer, Bild größer, Zoom, pop out, popout, Maßstab, Zoomen