WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

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

ルーセルの実装


今回はスマートフォンでも使えるFlexsliderを使います。
f:id:yachin29:20141211235415p:plain


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-->