jQuery+html5实现的3D焦点轮播幻灯片(html5zoo.js html5zoo-slides)
今天西安蟠龙网络小编分享一款基于jQuery+html5实现焦点轮播幻灯片,自适应全屏显示,支持不同的3d动态切换特效,兼容基本所有的浏览器,但不支持IE8及以下浏览器。
该幻灯片基于jquery,所以要引用jquery库,另外还需要引入两个js:htmlhtml5zoo.js和lovelygallery.js
<ul class="html5zoo-slides" style="display:none;"><li><img src="a.jpg" class="html5lightbox" /></a></li><li><img src="b.jpg" class="html5lightbox" /></a></li></ul>
功能特点:
9个3D&2D转换与过渡画廊!
易于使用的视觉过渡建设者 -创建自己的自定义转换,并用它与滑块!
(大多是独特的)功能(YouTube和Vimeo的视频,自动暂停幻灯片自动播放和自动预览图像,如果视频正在播放,暂停悬停,图像预压,回路,
支持视频播放(优酷等)。
支持所有主要的浏览器(包括IE7-11,我们建议您使用Chrome浏览器,Safari或Firefox)。
翻译插件的支持(如qTranslate)创建多语言滑块。(未提供)
皮肤编辑器,你可以修改皮肤从您的WordPress管理。(未提供)
支持wordpress,discuz、phpcms、dedecms等。(未提供)
内置功能强大的API。(未提供)
在一个页面上的多个滑块。
20套(可扩展和替换)皮肤支持。(未提供)
分层的皮肤文件中包含PSD格式。(未提供)
幻灯模板。(未提供)
幻灯模块(可无限扩展)功能。
开发者文档。(未提供)
免费的支持和未来的自动更新功能更新。(未提供)
下载地址:(里面有两个演示可以参考)
相关文章:
-
matchHeight使所有选定元素的高度完全相等。 尽管这曾经是一个棘手的问题,但如今建议在可能的地方使用CSS Flexbox和CSS Grid,尽管该库对于旧版浏览器仍然有用。 特征 自动匹配元素组的高度 使...
-
用来兼容jquery1.7 版本, jquery版本之间有一些方法可能不同或废弃,会有报错, 可以引入一个 jquery-migrate.min.js 来兼容。 比如1.9版本对于 live(),die(),toggle(),sub(),$.browser 等等都已经不支持了...
-
1.breakpoints.js是什么? breakpoints.js是一个jQuery插件。定义响应性设计的断点,Breakpoints.js 将在浏览器进入和/或者退出断点时消除自定义事件。 breakpoints下载文件夹中readme.txt文件中有这么一句话...
-
query事件加载的方法 代码如下: 写法一:$(function(){}); 写法二:window.onload=function(){} ; 或者$(window).load(function(){}); $(window).load(function(){ ... //此处省略N行 var w = $(this).width(); ... //此处省略N行 });...