shadowbox.jsについて

質問

shadowbox.jsとslimbox.jsを併用したいと考えています。

もともとshadowbox.jsをPrototypeで使用し、HTMLを呼び出すのに使用していたのですが、
画像のライトボックス表示にslimbox.js（jquery使用）を使いたいと思い、
両方とも記述したらshadowboxの方が正常に動作しなくなりました。
何か解決策はありますでしょうか。
非常に困っています。お願いします。

ちなみに以下の様なコードをhead内に記述しております。

<script src="../../common/js/prototype.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../../common/js/shadowbox/shadowbox.css">
<script src="../../common/js/shadowbox/shadowbox.js" type="text/javascript"></script>
<script type="text/javascript">Shadowbox.init();</script>
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">Shadowbox.init();</script>
</script>

<link href="../../common/css/slimbox/slimbox.css" type="text/css" rel="stylesheet" media="screen" />
<script type="text/javascript" src="../../common/js/jquery.js"></script>
<script type="text/javascript" src="../../common/js/slimbox.js"></script>
<script type="text/javascript">
//slimbox
$(document).ready(function() {
$('a[rel*=lightbox]').slimbox();
});
</script>

回答No.1

warpspace · ベストアンサー

jQueryとprototypeは、単純に共存させることはできません。
下記を参照して、対応が必要です。

http://semooh.jp/jquery/ref/cont/with_prototype/
http://www.css-lecture.com/log/javascript/029.html

お礼

ありがとうございました。うまくいきました。