複数のjavascriptが作動しない

質問

http://www.coolwebwindow.com/template/public.php
上記無料で配布されているホームページのテンプレートに
下記lightboxを設置しました。
http://lokeshdhakar.com/projects/lightbox2/

このテンプレートには、ページ内リンクへの移動がスムーズになる
javascripが設置されているのですが、
このページにlightboxを追加すると
スムーズに移動するjavascriptが無効になってしまいます。

<!--ページをスムーズに移動するjs-->
<link rel="stylesheet" href="css/common.css" type="text/css" />
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>

<!--lightboxのjs-->
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /><script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

どのように対処すればいいのでしょうか？
ご教授お願いいたします！

回答No.1

kojiro0215 · ベストアンサー

ぱっと見る限りですがprototypeとjquery両方使っているからではないでしょうか。
prototypeとjqueryのような大元のライブラリ同士は一緒に使うと動かなくなることがあります。

もしあなたがこれに対処するとしたら方法が二つあります。

一つはjavascriptのコードを頑張って直す。
もう一つはlightboxは諦めて別のプラグインを探す。

とりあえず私は後者をオススメします。
jquery用のlightboxもありますし、こちらを使っては如何でしょうか？
http://leandrovieira.com/projects/jquery/lightbox/

お礼

ご回答ありがとうございます！

>一つはjavascriptのコードを頑張って直す。
javascriptのコードを修正するなんてとてもできません。。。
javaxcriptのファイルは開いたこともありません！！

今夜あたり後者の方法をためしてみたいと思います！

ありがとうございました！

補足

今やってみました！無事にどちらも動作するページを作成することができました！
ほんっとうにありがとうございました！！