[JS]オバマ大統領も使ってるjQueryのプラグイン集
Post on:2009年1月22日
オバマ大統領のサイトで使用しているjQueryのプラグインを紹介します。
![オバマ大統領も使ってるjQueryのプラグイン集](/wp-content/uploads/2009012202.png)
![デモのキャプチャ](/wp-content/uploads/2009012205-01.png)
jCarousel
画像をカルーセルのアニメーションでスライド表示。
画像拡大スクリプト(Thickbox)と組み合わせたり、ニュースサイトのようにテキストを垂直方向にスライドしたり、AJAXにも対応。
![デモのキャプチャ](/wp-content/uploads/2009012205-04.png)
ThickBox
画像、iframeコンテンツ、インラインコンテンツ、AJAXコンテンツを拡大表示。
![デモのキャプチャ](/wp-content/uploads/2009012205-05.png)
jquery.pngFix.js
透過PNG非対応のIE5.5/6でも表示。
![デモのキャプチャ](/wp-content/uploads/2009012205-03.png)
Galleria
軽量(4KB)の画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads/2009012205-02.png)
jQuery Cycle Plugin
画像をさまざまなエフェクトでチェンジ。
![デモのキャプチャ](/wp-content/uploads/2009012205-06.png)
InnerFade
テキストや画像をフェードしながらチェンジ。
![デモのキャプチャ](/wp-content/uploads/2009012205-07.png)
jQuery
最後にjQuery本体の紹介です。
上記プラグインの実装には、jQueryが必要です。
オバマ大統領のサイトは、下記2つを参考にしています。
![サイトのキャプチャ](/wp-content/uploads/2009012203.png)
![サイトのキャプチャ](/wp-content/uploads/2009012204.png)
sponsors