jQueryを利用したプラグイン

最終更新時間:2009年04月14日 20時41分02秒

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

インストール

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

jQuery Cycle Plugin のインストール

Zoomi のインストール

CSS Dock Menu のインストール

uBox のインストール

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

Accordion Content script のインストール

Shadowbox.js のインストール

  • 以下から shadowbox-3.0.3.zip をダウンロードし、解凍後、すべてのファイルをplugin/jq 以下にインストールする。
  • セレクタやラジオボタンの設定は以下の通り。
    • 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

参考および関連情報

jQueryとそのプラグイン

FreeStyleWikiの本家のサイトのプラグイン

jQueryの使い方

jQueryの書籍

No Item.