スマートフォン専用サイトの制作２

カルーセルの実装

今回はスマートフォンでも使えるFlexsliderを使います。

FlexSlider 2

カルーセル用に画像を追加する

index.html

<div id="slide">
    <div class="flexslider">
    <ul class="slides">
     <li><img src="images/img_keyvisual_01.jpg" alt="よりスマートなインターネットライフを。"></li>
     <li><img src="images/img_keyvisual_02.jpg" alt="よりスマートなインターネットライフを。"></li>
     <li><img src="images/img_keyvisual_03.jpg" alt="よりスマートなインターネットライフを。"></li>
     </ul>
      </div><!--/.flexslider-->
    </div><!--/#slide-->