複数の画像や動画を横に並べ、順次表示できるjQueryプラグインです。
ボタンをクリックすることで、次のコンテンツを表示します。
animationLoopをtrueとすることで自動アニメーションループしてくれます。
今回使用したのは、jquery.flexslider.js、flexslider.cssです。
気を付けたほうがよさそうな点としてはコンテンツの幅：widthをitemWidthで指定することができますが
高さ：Heightは指定することはできないようです。縦横比の異なるコンテンツは混ぜないほうがよさそうです。
↓以下が実際のソースサンプルです。
▼JavaScript
▼CSS
▼HTML
4種類の画像を横に2回並べて、アニメーションループを有効にしてあります。
今回、参考にさせていただいたのは、
『FlexSlider 2』さん、
『スライドを簡単に作れるjQuery『FlexSlider2』』さんです。
ありがとうございます。
