はじめに
第4回「手軽に扱えるjQueryプラグインを使ってみよう」では、jQueryのユーザーインタフェースを拡張するjQueryプラグインの中から、メニューバー、タブ、画像のスライダー、ズーム機能、Twitterのタイムライン表示を紹介しました。第5回では、画像の切り替えや見せ方をテーマに以下のようなプラグインを解説していきます。
- 画像のスライドショー(Simple Fade SlideShowプラグイン)
- 画像の円形スライド(MobilyBlocksプラグイン)
- 画像上にポップアップを表示する(MobilyMapプラグイン)
- パノラマ画像の表示(panorerプラグイン)
対象読者
- jQueryプラグインに興味があり、使ってみたい方
必要な環境と準備
jQueryのダウンロード
執筆時点のjQueryの最新版は、1.4.4です。第1回を参考に、ダウンロードしてください。また、jQuery Pluginの基本的な使い方は第3回を参照してください。
サンプルでは、htmlファイルと同じ階層にpluginsというフォルダを作成し、使用するプラグイン関連のファイルはここにまとめて配置し、説明を進めます。また、jsフォルダにはjQuery本体を配置しておきます。