日記/2009-2-10

jQubox プラグイン

　JavaScriptライブラリjQueryのプラグインであるuBoxを用いたFreeStyleWiki用のプラグイン。
　ダウンロードはこちらから。
　
　ページに貼り付けられている画像のサムネイル画像を表示し、そのサムネイル画像をクリックしたときに元画像を表示するプラグインです。画像は、BugTrack-plugin/261の直リンク画像表示プラグインを用いて、ページに貼り付けられていることが必要です。

{{jqubox G1.jpg,jQcycle プラグイン テスト}}

　「G1.jpg」は、表示する画像ファイル名です。省略した場合には、該当するページに貼り付けられているすべてのファイルを並べて表示します。
　「jQcycle プラグイン テスト」は、画像が貼り付けられているページ名を示し、省略された場合はプラグインが記載されているページになります。
　
　すでに、ほぼ同様の機能をもつjQzoomi プラグインが作成されていますが、それとの違いは以下の通り。

• 拡大後の画像がウィンドウ中央に表示される
• 必ずクリックが必要
• サムネイル画像のサイズ指定が不要
• ファイル名の表示

参考および関連情報

• uBox
  • jQubox プラグインで利用しています。ありがとうございます。
  • 2009/02/10現在、上記のサイトで配布されている uBox 1.0 にはまだいくつかバグが残っていて、当方による確認では、うまく動作しませんでした。
• そこで、いつの間にかアクセスできなくなった旧配布先 http://zori.udesign.sk/ubox/ で報告されていたバグを修正してみると、IE7、Firefox3、Chromeでの動作が確認できました。Thank you, khoker.
  • 上記修正を施したファイル uBox.js をダウンロードのページに添付しておきましたので、そちらを利用してください。
• FreeStyleWikiの本家のサイトのBugTrack/261
  • 直リンク画像表示プラグイン。jQubox プラグインは、このプラグインを用いてページに貼り付けられた画像を表示します。