iSlider手機平臺JS滑動組件，無任何插件依賴。它能夠處理任何元素，例如圖片或者DOM元素。它有如下特性：能夠自定義動畫，自帶的動畫包括default, rotate, flip 和 depth你能夠簡易地添加回調(diào)函數(shù)(onslidestart, onslide, onslideend, onslidechange)我們還支持滑動衰減效果，循環(huán)效果，自動滑動效果，水平/垂直滑動。兼容主流瀏覽器，懶人圖庫推薦下載！

使用方法：

1、你需要為iSlider先新建好數(shù)據(jù):

var data = [{

   height: 475,

   width: 400,

   content: "imgs/1.jpg",

},{

   height: 527,

   width: 400,

   content: "imgs/2.jpg",

},{

   height: 400,

   width: 512,

   content: "imgs/3.jpg",

}];

在頁面插入以下HTML代碼:

<div id="iSlider-wrapper"></div>

2 要使其運行，按下面例子新建ISlider類:

<script type="text/javascript">

   var iSlider = new iSlider({

       dom : document.getElementById('iSlider-wrapper'), // iSlider-wrapper于html代碼里的id對應(yīng)

       data : data

   });

</script>

3 如果你想加其它效果，可以按照我們demo/picture示例添加:

<script type="text/javascript">

   var islider = new iSlider({

           data: list,

           dom: document.getElementById("iSlider-wrapper"),

           isVertical: true,

           isLooping: false,

           isDebug: true,

           isAutoplay: false,

           animateType: 'rotate'

   });

</script>

4 如果你想滑動DOM元素而非圖片，你可以按以下的格式新建DOM數(shù)據(jù):

var data = [{

   'height' : '100%',

   'width' : '100%',

   'content' : '<div><h1>Home</h1><h2>This is home page</h2><p>home is pretty awsome</p><div>'

},{

   'height' : '100%',

   'width' : '100%',

   'content' : '<div><h1>Page1</h1><h2>This is page1</h2><p>page1 is pretty awsome</p><div>'

},{

   'height' : '100%',

   'width' : '100%',

   'content' : '<div><h1>Page2</h1><h2>This is Page2</h2><p>Page2 is pretty awsome</p><div>'

}];

其他更多的配置選項請看：

http://be-fe.github.io/iSlider/index.html