このアニメーションギャラリーは、サムネイルをスクロールしクリックすると、そのサムネイルについての詳細が表示されます。 画像は、オーバーレイして表示され、それをクリックすると拡大することが可能です。

Flashで作成したかのようなスムーズな動きが特徴的です。

カスタマイズもできそうなのでポートフォリオが必要な方はお試しあれ。

提供サイト｜デモ

最近、仕事でjQueryのスライダーを使うことが多くなりました。
メモ代わりに今までブックマークしたスライダーのサンプルをご紹介します。

Coda-Slider

提供サイト｜デモ

ページャーの有り無し、スライドスピード、スライドアクションの設定など結構細かい設定を簡単にできるのでオススメ

hash-slider

提供サイト｜デモ

シンプルなスライダー。liタグで追加できるので編集も楽

simplesli.de

提供サイト｜デモ

jQuery 1.4を使用したスライダー。IE6に対応してないのがネックですが、設置は簡単

MovingBoxes

提供サイト｜デモ

フォトギャラリーなんかに使えそうなスライダー。動きに特徴があります。

feature_list

提供サイト｜デモ

Flashを使用せずに美しいエフェクトを実装できるスライダー。スクリプトは2KBと軽量で、パネルは複数の設置が可能です。

Nivo Slider

提供サイト｜デモ

スライダー画像の切り替え時のエフェクトがとても綺麗です。Flashで実装したかのような滑らかさは群を抜いています。

WEB制作者にとっては考慮しなければいけないウインドウサイズ。一般でよく使うウインドウサイズにサイズ変換してくれるブックマーク

• 1200 : Max Height
• 1200 : 810
• 1024 : Max Height
• 1024 : 768
• 800 : Max Height
• 800 : 600