首页 > 代码库 > lovelygallery_popup(卡哇依相册)
lovelygallery_popup(卡哇依相册)
/*************************** 相册 ***************************/
LovelyGallery
功能特点:
超过200个令人惊叹的3D&2D硬件加速的转换与过渡画廊!
易于使用的视觉过渡建设者 -创建自己的自定义转换,并用它与滑块!
支持所有主要的浏览器(包括IE7-11,我们建议您使用Chrome浏览器,Safari或Firefox)。
网络范围内的激活和处理新的网站在网络中的 多站点准备。(未提供)
本地化准备好了,你可以翻译整个插件,包括管理用户界面。(未提供)
翻译插件的支持(如qTranslate)创建多语言滑块。(未提供)
皮肤编辑器,你可以修改皮肤从您的WordPress管理。(未提供)
支持wordpress,discuz、phpcms、dedecms等。(未提供)
样品滑块。
用于移动设备的 触摸控制。
键盘导航。
内置功能强大的API。(未提供)
在一个页面上的多个滑块。
非常详细的文档。(未提供)
配置方法文档。
搜索引擎友好。
32套(可扩展和替换)皮肤支持。
分层的皮肤文件中包含PSD格式。(未提供)
幻灯模板。(未提供)
幻灯模块(可无限扩展)功能。
开发者文档。(未提供)
免费的支持和未来的自动更新功能更新。(未提供)
/*************************** 相册弹出窗口 ***************************/
lovelygallery popup
功能特点:
20套预定义的皮肤,智能皮肤引擎,功能:允许登记为一个特定皮肤的JavaScript代码运行。
15个预定义的CSS3转换,你可以使用超过17个预定义的CSS3效果和过渡。这意味着你应该忘了懒惰和缓慢的JavaScript动画。
7个预定义的jQuery的过渡,兼容老的浏览器。
较小的文件体积,最低使用一个css和一个js文件,就能运行,也可以使用更多(皮肤、过渡和其它功能)。
在最上层的显示,自动居中和定位,无抖动的弹出窗口,
响应式,弹出插件是完全响应,自动检测的宽度或高度,尺寸的自动计算是基于你的内容(默认),也可以自定义。
跨浏览器的兼容性(IE7-11 chrome firefox等。)
页面水平目标,您可以创建不同的弹出窗口显示在网页,类别或窗体。你必须创造总量控制。
延迟计时器显示,你可以选择你的博客上显示的对话框,在X秒内。同时,你一段时间后,可以选择关闭弹出窗口。
你可以为每一篇文章或者网页设置弹出的次数。手机铃声
接受短码,插入任何短码在您的网页或创建一个轻松方式的任何弹出对话框。
模块化,如果你想进一步定制用于特定的窗口弹出,你可以改变任何设置的内部部件不改变使用弹出。
自定义弹出窗口的链接。
自定义按钮,弹出让你来弹出添加自定义按钮。
拖动,使拖动功能的任何实例弹出。通过点击鼠标并拖动它在页面的任何地方将弹出实例(< IE9有效)。
支持所有的东西,OGG、MP3、HTML元素、Ajax调用、iframe、媒体文件(SWF)、嵌入式视频(包括YouTube或Vimeo与简单的链接)
打开任何一种内容,你可以打开任何一种内的弹出内容(例如,谷歌地图,视频,图像,表格或任何你需要的)。
节省内存,弹出是模块化的,使用原型技术的建立。它节省了不必重新为您创建的每一个实例方法弹出很多记忆。
多个实例,就像你知道的,你可以有无限数量的不同岗位的不同设置的弹出窗口。
在一个页面上的多个实例。此外,您可以使用不同的主题,每个人。(未提供)
自动显示加载内容和图像。
显示计时器,你能中心自动,或者你可以选择你自己的垂直和水平位置。
API。(未提供)
模板的支持。(未提供)
多个回调call。(未提供)
后台给你做出改变,为您的需求定制弹出几乎无限的可能。(未提供)
您可以创建模态窗口和使用他们在一个网页,插件,或短码。您可以自定义弹出在你所处的位置设置的高级选项进一步使用。(未提供)
1. [代码][HTML]代码 ?
使用方法:
<a class="preview-button" data-skin="lovely" href="javascript:void(0);" alt="preview skin button">Preview this skin</a>
<a class="preview-button" href="http://www.mamicode.com/#" data-src="http://yourdomain.com/" data-width="800" data-height="400" >Show example</a>
<a class="preview-button" href="http://www.mamicode.com/#" data-src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Eiffel+Tower,+Avenue+Anatole+France,+Paris,+France&aq=0&oq=eiff&sll=37.0625,-95.677068&sspn=55.279921,79.013672&ie=UTF8&hq=Eiffel+Tower,+Avenue+Anatole+France,+Paris,+France&hnear=&radius=15000&t=m&ll=48.858278,2.294254&spn=0.071946,0.071946&output=embed" data-width="800" data-height="400">Show example</a>
<a class="preview-button" href="http://www.mamicode.com/#" data-src="http://www.mamicode.com/images/001/flash_html5_ico.swf?width=800&height=600" >Show example</a>
data-src="http://www.mamicode.com/images/flash/slider/swap12/images/swap12/swap12.swf"
<a class="lg-link preview-button" data-skin="lovelyboxglassbluewinter" href="javascript:void(0);" data-css3effect="zoomOut" data-src="http://www.mamicode.com/images/001/iframe_html_001.png" data-width="800" data-height="400" ></a>http://www.huiyi8.com/lingsheng/?
<a class="lg-link preview-button" data-skin="lovelyboxglass" href="javascript:void(0);" data-css3effect="pulse" data-src="http://yourdomain.com/" data-width="800" data-height="400" ></a>
href="javascript:void(0);" <!-- 弹出窗口响应事件,基础功能可以不需要。 -->
class="lg-link preview-button" <!-- 弹出窗口的链接层,鼠标移上去可以点击的层 -->
data-skin="lovelyboxglassbluewinter" <!-- 弹出窗口皮肤(共20套)。default blueglass clouds dark ignito light lightbox lovely lovelybox lovelyboxglass lovelyboxglassbluewinter lovelyboxglassrain lovelyboxglasssnow lovelyboxsnow metro notifyglass rain snow trap winter -->
data-css3effect="zoomOut" <!-- css3过渡效果。(共15种。)zoomIn zoomOut flip flipInHor flipInVer bounceIn pageTop flyIn fadeInScale scaleDown fadeSpin pulse leftSpeedIn rollIn rollOut -->
data-effect="fade" <!-- javascript过渡效果(共7种)。fade incerto slideLeft slideRight slideTop slideBottom slideZoom -->
data-src="http://www.mamicode.com/images/001/iframe_html_001.png" <!-- 弹出窗口显示的内容。图片url -->
data-src="http://www.mamicode.com/images/001/flash_html5_ico.swf?width=800&height=600" <!-- 弹出窗口显示的flash内容并指定宽度和高度。flash内容url?width=800&height=600 -->
data-src="http://www.mamicode.com/images/flash/slider/swap12/images/swap12/swap12.swf" <!-- 弹出窗口显示的flash内容自动获取宽度和高度。flash内容url 尺寸自动获取,有时因为flash尺寸原因会不准确。 -->
data-src="http://yourdomain.com/" <!-- 弹出窗口显示的iframe。网站url -->
data-src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Eiffel+Tower,+Avenue+Anatole+France,+Paris,+France&aq=0&oq=eiff&sll=37.0625,-95.677068&sspn=55.279921,79.013672&ie=UTF8&hq=Eiffel+Tower,+Avenue+Anatole+France,+Paris,+France&hnear=&radius=15000&t=m&ll=48.858278,2.294254&spn=0.071946,0.071946&output=embed" <!-- 弹出窗口显示的谷歌地图。谷歌地图url -->
data-width="800" <!-- 弹出窗口的宽度。800 -->
data-height="400" <!-- 弹出窗口的高度。400 -->