jQuery | slideShow plugin

網路上有許許多多Slideshow的plugin,但是看起來很複雜,用起來好像也真的很複雜,這對於我這個懶人而言不是好滋味,於是我便利用這套原始碼加以修改。實際上我並沒有修改本體,而是從下方擴充Item增加功能和建立功能,於是乎我不需要再陸陸續續更改一長串的list,而是改以更加簡單的jQuery來增加。

當然,我認為所做的行為只是過時的行為,現在...(略

載入 jQuery 和 plugin

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://raw.github.com/Kamira/jquery.slideShow/master/src/jquery.slideshow.min.js"></script>

如何使用


$('this')
    .slideCreate()  //建立
    .slideAdd({src:'example.png'}) //增加Item
    .slideShow({
        interval: 3,
        start: 'random',
        transition: {
            mode: 'slide',
            speed: 800
        }
    });

可以自行定義寬和高

  • slideCreate 建立
    • width 寬設定
      • [integer, 預設: auto
    • height 高設定
      • [integer, 預設: auto
  • slideAdd 增加
    • src 圖位址
      • [string, 預設: example.png
    • href 超連結位址
      • [string, 預設: #
    • width 寬設定
      • [integer, 預設: auto
    • height 高設定
      • [integer, 預設: auto
至於slideShow細項設定可以參考官方作者寫的README

參考資料
github.com/Kamira/jquery.slideShow

0 件のコメント:

コメントを投稿