jQuery炫酷3d画廊

当前位置:主页 > jQuery库 > 幻灯片和轮播图 > jQuery炫酷3d画廊
jQuery炫酷3d画廊
分享:

    插件介绍

    这款jQuery 3d画廊插件使用jquery.gallery和css3制作而成。这个jQuery 3d画廊有3种效果,可以自动播放。在所有jQuery 3d画廊的插件中,这一款算得上是精品。

    浏览器兼容性

    浏览器兼容性
    时间:11-05
    阅读:

简要教程

这款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