読者です 読者をやめる 読者になる 読者になる

スプーキーズの中の人。

スプーキーズの中の人が徒然なるままに、垂れ流します。

prototype.js ベースの Thickbox ライブラリ「ProtoThickBox」を公開しました

prototype.js ベースの Thickbox ライブラリ「ProtoThickBox」を公開しました。

ThickBox を使うためだけに jQuery を導入している方は結構いるのではないでしょうか?

例えば、Ruby on Rails はデフォルトで prototype.js を使うようになっているため、

ThickBox を使いたい場合、jQuery を導入した上で $ 関数が競合にならないように、

<%= javascript_include_tag 'prototype.js' %>
<%= javascript_include_tag 'jquery.js' %>
<%= javascript_tag "jQuery.noConflict();" %>

のように設定しなければなりません。

そこで、jQuery 依存だった「ThickBox 3.1」を prototype.js で動作するように移植してみました。

また、スタイルシートはオリジナルの thickbox.css をそのままご利用頂けます。

【特徴】

*prototype.js (+effects.js)ベース(1.6以降)。

*ThickBox 3.1 を prototype.js ベースに完全移植。 (prototype.js と effects.js が読み込まれていれば、thickbox.js を protothickbox.js に置き換えるだけで、そのまま動作します。)

*thickbox.css がそのまま利用できる。

【download はこちら】 http://code.google.com/p/protothickbox/downloads/detail?name=protothickbox-js-3.1.zip

【オリジナル】 ThickBox 3.1 http://jquery.com/demo/thickbox/

オリジナルのデモがすべて動作することを確認しておりますが、

不具合などありましたらコメントでお願いします。

追記 2007/12/26 20:52

tb_remove が動作しないものをアップロードしていたので置き換えました。