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

— 添加到WorldWideScripts.net

@zhcn1wws订阅我们的饲料,以保持最新

新!跟随我们,你想要它


Ads

Ad: Bluehost hosting
放大任何IMG标记元素在您的网站,只需按一下。随着zPopout不要紧在网页上的IMG奠定,它会自动计算并显示动画的图像大小增长。有几种风格和扩大动画。

。的zPopout是非常容易使用,所有你需要做的是补充。。的onload =' $ (本)。 zPopout () ;'。 IMG标记。然后,您可以自定义设置和样式目前IMG标记。

。使用方法:

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

。选项:

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.


下载
此类别中的其他组成部分这个作者的所有组件
评论常见问题和答案

属性

最后更新2月4日13兼容的浏览器IE9 , IE10 ,Firefox和Safari ,歌剧,铬,软件版本的jQuery高分辨率:

:
JavaScript的HTML , JS , CSS文件包括

关键字

单击大, 放大, 延长, 更大的图像, 图像变大, 图像缩放, 蹦出来, 弹出式视窗, 规模放大