bxsliderを使いたい

bxsliderを使いたい

公式サイト　http://bxslider.com/

画面右上のDownloadボタンを押す↓




ダウンロードされるデータのうち
jquery.bxslider.min.jsをjsというフォルダを作って自分のサイトのフォルダの一番上の階層にいれる
jquery.bxslider.cssをlibというフォルダを自分のサイトのフォルダの一番上の階層に作っていれる

Step1のコードをhead内にコピーペーストする

 Step2のコードをbody内の表示したい場所にコピーペーストし、画像名を自分の画像の名前に変える。自分のサイトのフォルダの一番上の階層にimageというフォルダを作成してその中に使う画像を入れる

 Step3のコードを<script>〜</script>の間に入れて
</body>の直前にコピーペーストする。

画面最下部のリンクの左側をクリックすると、動いているサンプルが19種類見られます