Web Juice

フレキシブルな FlexSlider2 で、スライダーとカルーセルを連係動作させてみる (サムネイル付きスライダーとして表示)

投稿:     更新:2017/11/07

FlexSlider2 スライダーの設置等について

スライド時のアニメーションの種類はありませんが、レスポンシブに使えるスライダーとしては、おすすめのスライダーです。
スライダーは、他にも数多くありますが、フレキシブルで動作するものとしては、これがベストだと思います。カスタマイズの幅も広く、動画のスライドやカルーセルとしても使用できるので、重宝すること間違いなし。
ということで、設置してみたいと思います。

FlexSlider2 ファイルのダウンロード

必要なファイルを、以下からダウンロードします。
WOO THEMES FlexSlider2
http://flexslider.woothemes.com

FlexSlider2 マークアップ

jQueryの読み込みを忘れずに。もちろん、ワードプレスでも動作します。

ヘッダー

js

HTML

一家に一台!? FlexSlider… 。

 - jQuery