jQueryを利用したプラグイン

　勉強がてら、JavaScriptのライブラリjQueryを利用したFreeStyleWiki用のプラグインを作成してみました。JavaScriptが全然わからない私でもなんとかなりそうな感じ。
　~~でも、作成したといっても、トグル表示のプラグインだけ。~~
　もうちょっとかっこいいプラグインも作りたいと思ってはいるのですが、果たして作れますかどうか……。

jQtoggle プラグイン
jQmore プラグイン 2007/10/26追加
jQcycle プラグイン 2007/11/06追加
jQzoomi プラグイン 2007/11/28追加
jQtoggle2 プラグイン 2008/02/29追加
jQmore2 プラグイン 2008/02/29追加
「Wikiメニューにアイコン画像を表示するプラグイン」をjQueryでドック風に 2008/07/18追加
jQubox プラグイン 2009/02/10追加
jQaccordion プラグイン 2009/03/07追加
jQshadowbox プラグイン 2009/04/14追加
jQfloatingmenu プラグイン 2009/12/27追加
jQshadowyoutube プラグイン 2010/01/03追加

インストール

以下のファイルすべてを、いろんなところからダウンロードしてインストールする必要があります。面倒くさくてすいません。
jQuery本体は、GoogleのCDNを利用するため、ダウンロードの必要はありません。

jq プラグインのインストール

以下のファイルをダウンロードし解凍する。
- jq.zip(512)
jq はディレクトリごと plugin 以下にインストールする。
header.tmpl は tmpl 以下にインストールする。
default.tmpl は tmpl/site/default 以下にインストールする。
- header.tmpl、default.tmplは上書きされるので注意！
- 「Wikiメニューにアイコン画像を表示するプラグイン」をjQueryでドック風にの機能を使わない場合は、header.tmplをインストールしないこと。

jQuery Cycle Plugin のインストール

以下から jquery.cycle.zip をダウンロードし、解凍後、jquery.cycle.all.min.js をplugin/jq 以下にインストールする。
- http://www.malsup.com/jquery/cycle/download.html

Zoomi のインストール

以下から zoomi.js をダウンロードし、plugin/jq 以下にインストールする。
- http://www.sunsean.com/zoomi/

CSS Dock Menu のインストール

以下から css-dock-menu.zip をダウンロードする。
- http://www.ndesign-studio.com/blog/css-dock-menu
ダウンロードしたファイルを解凍後、interface.js を、plugin/jq 以下にインストールする。

uBox のインストール

2009/02/10現在、こちらで配布されている uBox 1.0 にはまだいくつかバグが残っていて、当方による確認では、うまく動作しなかった。
そこで、いつの間にかアクセスできなくなった旧配布先 http://zori.udesign.sk/ubox/ で報告されていたバグを修正してみると、IE7、Firefox3、Chromeでの動作が確認できた。Thank you, khoker.
上記修正を施したファイル uBox.js を以下に添付する。
- uBox.js(398)
これをダウンロードし、plugin/jq 以下にインストールする。

Accordion Content script のインストール

以下から ddaccordion.js をダウンロードし、plugin/jq 以下にインストールする。
- http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

Shadowbox.js のインストール

以下から shadowbox-3.0.3.zip をダウンロードし、解凍後、すべてのファイルをplugin/jq 以下にインストールする。
- http://shadowbox-js.com/download.html
セレクタやラジオボタンの設定は以下の通り。
- Choose the adapter you'll be using:
  - jQuery
- Select the player(s) for the types of content you want to display:
  - Images
  - Flash (swf files)
  - Flash video (flv files)
- Choose the language support you need:
  - English
- Include support for using CSS selectors to select links

インストール後のplugin/jqディレクトリの状況

 └─plugin
     └─jq
             click.gif
             close.png
             ddaccordion.js
             expressInstall.swf
             Install.pm
             interface.js
             jQaccordion.pm
             jQcycle.pm
             jqdocstyle.css
             jQfloatingmenu.pm
             jQHeader.pm
             jQmore.pm
             jQmore2.pm
             jQshadowbox.pm
             jQshadowyoutube.pm
             jQtoggle.pm
             jQtoggle2.pm
             jQubox.pm
             jquery.cycle.all.min.js
             jQzoomi.pm
             LICENSE
             livefloatingmenu.js
             loading.gif
             next.png
             pause.png
             play.png
             player.swf
             previous.png
             README
             shadowbox.css
             shadowbox.js
             tclose.png
             topen.png
             uBox.js
             zoomi.js