客服
jQuery+html5實現(xiàn)的3D焦點輪播幻燈片(html5zoo.js html5zoo-slides)
今天西安蟠龍網(wǎng)絡小編分享一款基于jQuery+html5實現(xiàn)焦點輪播幻燈片，自適應全屏顯示，支持不同的3d動態(tài)切換特效，兼容基本所有的瀏覽器，但不支持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轉換與過渡畫廊！
易于使用的視覺過渡建設者 -創(chuàng)建自己的自定義轉換，并用它與滑塊！
（大多是獨特的）功能（YouTube和Vimeo的視頻，自動暫停幻燈片自動播放和自動預覽圖像，如果視頻正在播放，暫停懸停，圖像預壓，回路，
支持視頻播放（優(yōu)酷等）。
支持所有主要的瀏覽器（包括IE7-11，我們建議您使用Chrome瀏覽器，Safari或Firefox）。
翻譯插件的支持（如qTranslate）創(chuàng)建多語言滑塊。（未提供）
皮膚編輯器，你可以修改皮膚從您的WordPress管理。（未提供）
支持wordpress，discuz、phpcms、dedecms等。（未提供）
內置功能強大的API。（未提供）
在一個頁面上的多個滑塊。
20套（可擴展和替換）皮膚支持。（未提供）
分層的皮膚文件中包含PSD格式。（未提供）
幻燈模板。（未提供）
幻燈模塊（可無限擴展）功能。
開發(fā)者文檔。（未提供）
免費的支持和未來的自動更新功能更新。（未提供）
下載地址：（里面有兩個演示可以參考）
相關文章：
-
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行 });...