Basic jQuery Slider 實際執行畫面

現在有很多的 jQuery 的內容展示櫃套件，可是他們通常都有加載不少的東西和樣板設計，這樣是不錯的。不過你要找到剛好完全符合你的需求得往往需要很多時間。Basic jQuery Slider 是一個簡單的內容展示櫃套件，盡可能的開發的很簡單與容量小，用乾淨的註記相結合基本的功能，這意味著你可以有很大的修改空間，只要你會一點點 CSS 和 JavaScript 的知識，就能設計出你想要的展示櫃樣式了。

使用方法：
第一步 先載入程式所需要的檔案
//使用Google ajax API 直接連結 jQuery 1.8.2的min版本
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
//Basic jQuery Slider 的主程式碼
<script src="bjqs.min.js"></script>
//Basic jQuery Slider 的CSS 設計
<link type="text/css" rel="Stylesheet" href="bjqs.css" />

第二步 建立HTML展示部分
<div id="my-slideshow">
    <ul class="bjqs">
        <li><!-- 可以放置任何你喜歡的內容 --></li>
        <li><!-- 這邊是幻燈片內容的位置--></li>
    </ul>
</div>

第三步 使用 JavaScript 啟動程式碼
$(function($) {
    $('#banner-fade').bjqs({
        'height' : 320,
        'width' : 620,
        'responsive' : true
    });
});

附上程式可修改的參數值

參數	預設	說明
width	700	展示櫃的寬度
height	300	展示櫃的高度
animtype	fade	轉換內容時的動畫類別 fade,slide
animduration	450	動畫的執行時間
animspeed	4000	換下一張的間隔時間
automatic	true	是否自動撥放
showcontrols	true	是否顯示控制選項
centercontrols	true	控制選項置中
nexttext	Next	下一張的文字
prevtext	Prev	前一張的文字
showmarkers	true	顯示幻燈片的標記
centermarkers	true	標記置中對齊
keyboardnav	true	啟用鍵盤導航
hoverpause	true	滑鼠一過暫停撥放
usecaptions	true	顯示標題
randomstart	true	開始隨機移動

作者網站：http://basic-slider.com/
檔案大小：153 KB(包含範例)
檔案下載：https://github.com/jcobb/basic-jquery-slider/zipball/master
檔案備份：下載