jQuery ｜ KLUTCHE

【jQuery】クロスフェード処理で切り替わるシンプルな画像ギャラリー

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

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

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

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

タイプライターで文字をタカタカ打つようなアニメーションでテキストを表示するjQueryプラグインです。
動きの緩急や停止もできて、ターミナルにコマンドを入力しているような動きが表現できます。