TOP  >  WebDesign  >  jQueryで実現するクリエイティブなイメージギャラリー集「20+ jQuery Image Gallery for your next project」
2010年07月11日

jQueryで実現するクリエイティブなイメージギャラリー集「20+ jQuery Image Gallery for your next project」

軽量で非常に高機能なjavascriptライブラリ「jQuery」。様々なプロジェクトで利用されていますが、今回紹介するのはjQueryをつかったイメージギャラリーを集めたエントリー「20+ jQuery Image Gallery for your next project」です。


AviaSlider – a unique jQuery Image slideshow plugin

画像と画像の間のエフェクトに凝ったものから、フューチャーリストのようにサムネイルと連動しているものまで様々なイメージギャラリーが紹介されています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

Create an Image Rotator with Description (CSS/jQuery) – Web Design Blog – DesignM.ag
詳細情報が含まれたサムネイルと連動したイメージギャラリー。ニュースの新着などにも利用できそうです。

Image-Rotator-w-Teaser-CSS-jQuery-Tutorial_1276786642746
 
 
 
 
 
jqFancyTransitions: jQuery Image Rotator Plugin
javascriptのイメージギャラリーの中では豊富なトランジションが魅力的な画像ギャラリー。

jqFancyTransitions-jQuery-Image-Rotator-Plugin_1276786254721
 
 
 
 
 
jQuery Smooth Div Scroll by Thomas Kahn
次々とスクロールするイメージギャラリー。パノラマ写真やひと繋ぎの絵を見せるときにも使えそうです。

smoothdivscroll
 
 
上記の他にも様々なスライダーが用意されています。イメージギャラリーと一口にいっても様々なタイプのものがありますので、コンテンツやデザインによって使い分けれればより良いWEBページになるのではないでしょうか?

20+ jQuery Image Gallery for your next project

posted 10:13  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る