タグ

Webとスライダーに関するkanedasakaeのブックマーク (1)

  • FlexSlider.jsサムネイル、カルーセル対応の軽量スライダー

    上記、記事で紹介したイメージスライダーですが、使い勝手が良さそうなので別のサンプルを紹介したいと思います。 日は、サムネイル表示とカルーセル表示の2通り使い方のサンプルを紹介しますね。 2013.9.20 追記しました サムネイル表示・カルーセル表示 両方に対応したスライダー「FlexSlider.js」サムネイル表示、カルーセル表示と言われてもどんなイメージかわからない方もいるかもしれません。 例えば、こちらのショップ スマホケースのHameeストラップヤ ショップオブザイヤー2012で 「TV・オーディオ・カメラ」ジャンル賞を受賞しているショップ ↓↓↓のエリアを見てもらうと大きめのメイン画像がスライドして入れ替わっています。 先日もメイン画像が切り替わる仕組みとして紹介しましたが、メイン画像の下に小さい画像(サムネイル画像)を表示しているパターンです。 こちらは、複数の商品画像を並

    FlexSlider.jsサムネイル、カルーセル対応の軽量スライダー
  • 1