slide3D插件版本更新

CarterLi 發(fā)布于2019-08-20 13:30 / 1095人閱讀

摘要：在去年發(fā)布了插件，由于時(shí)間倉(cāng)促，并沒(méi)有實(shí)現(xiàn)完整版本。最近收到小伙伴的反饋，基本都是兩點(diǎn)問(wèn)題分頁(yè)器點(diǎn)擊沒(méi)有跳轉(zhuǎn)沒(méi)有自動(dòng)播放功能相關(guān)文章酷炫的輪番效果是如何實(shí)現(xiàn)的為了實(shí)現(xiàn)一個(gè)完整的插件，這兩天將這兩個(gè)功能已經(jīng)補(bǔ)充完善。

在去年發(fā)布了slide3D插件，由于時(shí)間倉(cāng)促，并沒(méi)有實(shí)現(xiàn)完整版本。最近收到小伙伴的反饋，基本都是兩點(diǎn)問(wèn)題：

分頁(yè)器點(diǎn)擊沒(méi)有跳轉(zhuǎn)

沒(méi)有自動(dòng)播放功能

相關(guān)文章：酷炫的輪番效果是如何實(shí)現(xiàn)的

為了實(shí)現(xiàn)一個(gè)完整的插件，這兩天將這兩個(gè)功能已經(jīng)補(bǔ)充完善。

Github： slide3D（最新版本1.2.1）

實(shí)例：slide3D實(shí)例

參數(shù)設(shè)置說(shuō)明：

var mySlide = Slide3D(".container3D", {    
    width: 700,   //  寬度   
    height:306,   // 高度   
    direction: "horizontal | vertical",  // 定義切換方向，只對(duì)slide有效                 
    effect: "fragment",  // flip | turn | slide | flat | fragment   // 切換效果   
    sources: ["image-slider-1.jpg","image-slider-2.jpg","image-slider-3.jpg","image-slider-4.jpg","image-slider-5.jpg"],  // 除了effect設(shè)為slide外，在其他切換效果的情況下，都需要通過(guò)sources給每個(gè)slide指定圖片。   
    box:{   
       cols: 3,  // 列   
       rows: 6  // 行   
    },   
    pagination: true,  // 設(shè)置分頁(yè)器   
    loop:true,  // 是否循環(huán)，只有effect為slide時(shí)可以設(shè)置，其他效果默認(rèn)循環(huán)
    paginationClickable: true,  //  分頁(yè)器可點(diǎn)擊跳轉(zhuǎn)
    autoplay: 2000,   // 自動(dòng)播放時(shí)間，單位秒，必須為正整數(shù)
    autoplayDisableOnInteraction : true     // 用戶操作后是否不保留自動(dòng)播放，默認(rèn)為true，不保留
});

如有疑問(wèn)或好的建議，歡迎在下方的評(píng)論區(qū)告知！