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 が動作しないものをアップロードしていたので置き換えました。