jQueryはプラグインを使うといろいろと機能が拡張できます。世界中で様々なプラグインが開発されていて、その中でもアニメーションやエフェクトを数多く提供してきたInterface element for jQueryというサイトがあるのですが、そのサイトがjQueryのオフィシャルプラグインとなったようです。

このサイトで提供しているプラグインの一例としては、MacOSのメニューのような効果を作り出すFisheye menuというプラグインや、LightBoxと同等の機能を提供するImageBoxというものもあります。

サイトにも書いてありますが、ImageBoxはLightBox2のjQuery版ということらしいです。jQueryはこれとは別に画像を表示させるためのThickBoxというプラグインがありますが、表示させるときのエフェクト(横にグイーンって伸びたりするやつ)がImageBoxのほうが格好良いかもしれませんね。・・・個人的な好みの問題ですけど(笑)

プラグインを使う時は該当のjsファイルを落としてきてhead内に下記のように書きます

<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript" src="/interface/interface.js">
//必ずjquery.jsの後にプラグインのsrcを書く</script>

このInterface element以外にも様々なプラグインが公開されていますので、いろいろ試して遊んでみるのも面白いと思います。オフィシャルサイトのjQuery Pluginsに載ってますので興味のある方はどうぞ。

関連エントリー

• 関連する投稿はありません。

• Category
  • jQuery
• コメントはまだありません

現在、この記事へのトラックバックは受け付けていません。