読者です 読者をやめる 読者になる 読者になる

WEBサイト制作の勉強|フェリカテクニカルアカデミー

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