[JS]かっこいいアニメーションを取り入れたポートフォリオギャラリーを実装するjQueryのチュートリアル

Post on:2010年11月15日

sponsors

かっこいいスライドやフェードのアニメーションを取り入れたポートフォリオギャラリーを実装するjQueryのチュートリアルを紹介します。

[ad#ad-2]

左側のサムネイルをクリックすると、前のコンテンツをフェードアウトし、次のコンテンツがオーバーレイで表示し、スライドのアニメーションで表示します。

デモページ（クリック時のキャプチャ）

元記事では、HTML, CSS, JavaScriptの全コードの解説をはじめ、全ファイルのダウンロードも用意されています。

スクリプトのオプションでは、フェードやアニメーションのスピード、アニメーションの種類などが調整できます。

[ad#ad-2]

また、左側のサムネイルのスクロールに使用されているのは、「jquery thumbnail scroller」です。