-noramemo-noramemo京都市山科区のフリーランスwebデザイナーのブログです。ContactAbout軽量スライダー「FlexSlider.js」の実装メモこの記事は2012年10月11日に書かれたもので、内容が古い可能性がありますのでご注意ください。とあるスマートフォンサイトの制作中にメインビジュアル部分に動きをつけようと実装してみました。軽量なのでスマートフォンサイトと相性のいいjQueryですね!どうも!仕事関連のメモが全く残せていないことを見て見ぬフリをしていたnoramasaです!やはり、日付が変わるくらいに退社→帰宅してからでは、なかなかメモを残していく時間がなくて気持ちだけが焦ってしまいます。自分の時間が取れればいいんですが...少しずつでも続けれるようにがんばります!ということで...今回は仕事中にスマートフォンサイト作成業務で実装したjQuery「FlexSlider.js」についてメモっておきます!実装・設定方法Flexsliderの公式サイトからデータをダウンロードします。HTMLへの記述例はこんな感じ。/></li></ul></div>カスタマイズ・オプションなど主なカスタマイズとしては下記のとおり...少しの行を追記するだけである程度カスタマイズができるので、複雑なものでなければずっと使っていけそうですね。falseまとめカルーセルのように数枚並べての利用もできるのでメインビジュアルの切替意外にも、バナーをまとめたスライドショーなんかも簡単にできそうです。スマートフォンではスワイプ対応もしてるのでPC・スマホどちらにも使用できるのが有難いです!>>>デモ版はこちらからご確認ください。menoramasa1988年、滋賀県生まれ。制作会社で働くマークアップエンジニア(コーダー)です。-noramemo-。