撮影した写真を題材に、PHPで作成した自作のホームページを公開している。

ただこれまでは写真一覧が中心だったので、Webページに動きがなく、自動的にスライドショーが出来るようにしようと思い、調べて、

bxSlider

の存在を知り、早速使ってみることにしたが、手順は以下の通り。

1. bxSliderのホームページから、Installボタンをクリック
2. 
3. Install画面には、「The Easy Way」と「The Other Ways」があるが、後者を選択することにした。
4. 
5. jquery.bxslider.zipをダウンロード
6. 必要なファイルは、次の２つ。
   1. jquery.bxslider.css
   2. jquery.bxslider.min.js
7. HTMLで、<header> </header>の中に次の設定を行う。
8. <link rel=’stylesheet’ href=’css/jquery.bxslider.css‘>
   <script src=’https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js’></script>
   <script src=’js/jquery.bxslider.min.js‘></script>
   <script>
   $(document).ready(function(){
   $(‘.slider’).bxSlider({
   auto: true,
   });
   });
   </script>
9. あとは、表示する場所に以下のように記述。
   <div class=”slider”>
        <div><img src=”（ファイルのパス）” ></div>
       <div><img src=”（ファイルのパス）” ></div>
   </div>