这款jQuery 3d画廊每次展现三幅图片,中间一幅,旁边两幅。使用jQuery和CSS 3D transforms使它们不断的循环旋转以达到3D视觉效果。
插件中的精美插图来自于Ms乔-花瓣。
HTML
<section id="dg-container" class="dg-container"> <div class="dg-wrapper"> <a href="#"> <img src="images/1.jpg" alt="image01"> <div>http://www.htmleaf.com/</div> </a> <a href="#"> <!-- ... --> </a> <!-- ... --> </div> <nav> <span class="dg-prev"><</span> <span class="dg-next">></span> </nav> </section>
调用方法
$('#dg-container').gallery();
可用参数
current : 0, // index of current item autoplay : false, // slideshow on / off interval : 2000 // time between transitions