jQueryのスライダー表示プラグイン「bxslider」


jQueryのプラグイン「bxslider」を使えば簡単にスライダーを導入する事ができます。

まず下記からダウンロード
http://bxslider.com/

ダウンロードしたファイルで下記の必要なファイルをディレクトリに移します。

・imagesフォルダ
・pluginsフォルダ
・jquery.bxslider.css
・jquery.bxslider.min.js

ヘッダー内に下記コードを読み込みます。

次にHTMLの表記、例えば4枚のスライダーを表示したい場合
下記のようにリストにclass=”bxslider”を記述

最初にbxsliderを読み込んだ後にの下記のコードを記述すればbxsliderが動きます。