插件描述：一個簡單的，輕量級的JavaScript庫 添加幻燈片切換到您的網頁,無依賴。

特點

添加盡可能多的Slidr的，只要你想。

動態調整大小 - 適應其內容的大小，除非你不想要它。

鍵盤導航 - 前進一Slidr頂你的光標，然后點擊箭頭鍵！

觸摸導航(移動) - 改變幻燈片10:56向左，向右，向上或向下！

使用方法

包括兩種slidr.js或slidr.min.js在某個地方你的HTML頁面的底部，主體內容之后。

HTML

slidr.js適用于任何內聯，內聯塊或塊與元素的id定義。有效的幻燈片包括任何第一級子元素與數據slidr設置為父范圍內的一些獨特的價值屬性。例如：

• apple
• banana
• coconut

??

??

??

applebananacoconut

都是有效的HTML標記來創建三個不同的Slidr在同一頁中的。(內聯元素轉化為內聯塊，以申請轉換)。

使用Javascript

全局slidr對象是可調用。創建slidr的最起碼的方式是這樣的：slidr.create('slidr-id').start();

create()方法接受一個可選的設置參數作為其第二個參數。所有設置的呼叫切換看起來像這樣：slidr.create('slidr-id',?{

after:?function(e)?{?console.log('in:?'?+?e.in.slidr);?},

before:?function(e)?{?console.log('out:?'?+?e.out.slidr);?},

breadcrumbs:?true,

controls:?'corner',

direction:?'vertical',

fade:?false,

keyboard:?true,

overflow:?true,

theme:?'#222',

timing:?{?'cube':?'0.5s?ease-in'?},

touch:?true,

transition:?'cube'

}).start();

總結

以上是生活随笔為你收集整理的html ppt 插件,jquery幻灯片插件slidr.js的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。