Javascript ｜ KLUTCHE

【jQuery】ちょっと高機能、でもHTMLはシンプルな画像のスライドギャラリー

今やjQueryのスライドコンテンツ用プラグインは星の数程あります。
今回は「Coda-Slider」というプラグインを使って画像のスライドショーを作ります。
特徴として、jQuery Easing Pluginを使用するので動きがスムーズな点とタブコンテンツを実装できる点があります。

画像がフェードイン・フェードアウトで切り替わるだけの、シンプルなギャラリーです。
Javascriptがなるべく短くて、設置が簡単にできて、HTMLがすっきりしていて、CSSを書かなくてもいいものが欲しくて作ってみました。

画像をクリックするとトランプのカードをシャッフルする時のように画像を入れ替えます。ちょっと変わった画像の切り替えをしたい時にいいと思います。iPhone、iPadでも動作します。

ウインドウサイズに応じて画面いっぱいに伸縮する背景画像をスライドショーで表示するjQueryプラグインです。オプションも豊富なプラグインですが、シンプルな設置方法を紹介します。

画像を拡大表示する時には定番の見せ方なのでjQueryのプラグインも沢山ありますが、今回使うのは定番プラグイン「ColorBox」です。
設置が簡単で高機能、やろうと思えば拡張性も高いです。