3D旋轉圖片立體展示jquery幻燈片插件

dengjianbin 11年前發布 | 37K 次閱讀 圖片展示jQuery插件 jQuery插件

實現了3D旋轉圖片立體展示幻燈片插件,功能非常酷。


包括了以下功能:

1、可支持鼠標滾輪控制圖片360度旋轉

2、鼠標支持左右方向控制按鈕來控制圖片旋轉的方向

3、圖片自動旋轉播放

4、修正了兼容所有的瀏覽器

5、圖片輪播

6、圖片立體倒影展示效果

7、可自由控制旋轉速度

8、點擊左右兩邊的圖片也可以進行左右旋轉的切換


插件初始化代碼如下:

$(document).ready(function(){                         
    // 這初始化容器中指定的元素,在這種情況下,旋轉木馬.
    $("#carousel1").CloudCarousel({         
        xPos:450,
        yPos:110,
        buttonLeft: $('#but1'),
        buttonRight: $('#but2'),
        altBox: $("#alt-text"),
        titleBox: $("#title-text"),             
        FPS:30,
        reflHeight:86,
        reflGap:2,
        yRadius:40,
        autoRotateDelay: 1200,
        speed:0.2,
        mouseWheel:true,
        bringToFront:true
    }); 
});

效果如下:

網友Null分享3D旋轉圖片立體展示jquery幻燈片插件



在線演示和下載

 本文由用戶 dengjianbin 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!