image_highslide.rbプラグイン

tDiaryで画像のサムネイルを表示する際にHighslide JSを使って原寸表示させるためのプラグインです。

Highslide JSは、Lightbox JS等に代表されるサムネイルから拡大表示する際に前面にウィンドウを出して表示してくれるJavascriptライブラリです。

image.rbプラグインでアップロードした画像を表示することを前提にしていますので、image.rbが有効になっている必要があります。

http://different-view.jp/~vette/108/tdiary/20070303.html#p01

Highslide JSの導入

まずHighslide JSを持ってきて、ファイル一式をtdiary/misc/plugin/image_highslide/の下に入れてください。

プラグインの導入

プラグインのimage_highslide.rbをtdiary/misc/plugin/の下に、*.cssをtdiary/misc/plugin/image_highslide/ の下に入れてください。

こうなるはず

tdiary/
  └misc/
   └plugin/
     └image_highslide.rb --- プラグイン本体
     └image_highslide/
         *.css --- プラグイン添付のスタイルシート
         *.js  --- highslide本体のJavascript群
         images/ --- highslide付属の画像ファイル

imageプラグインのimage()メソッドをオーバーライドしているので、imageプラグインでサムネイル表示させていた部分については置き換わります。

スタイルシートも添付していますが、現在は white-rounded-outline スタイル固定としています。

(そのうちに設定画面からCSSを切り替えられるようにしてもいいかもしれない)