エレベーターメニューとシンクボックスとロールオーバーの機能を両立させた

質問

エレベーターメニューとシンクボックスとロールオーバーの機能を両立させたい。

現在こちらのサイトのように
http://momonini.web.fc2.com/test.html
scrolllayer.js、jquery.js、thickbox.js、yuga.jsなどのスクリプトを
同時に使っています。

ロールオーバーやthickbox.jsなどyuga.jsの機能はきくものの
scrolllayer.jsが動かないのです。
（↑画面のスクロールにあわせてカレンダーがスルスル移動するスクリプトです）

htmlのscrolllayer.jsの読み込みをyugaの下にすると、
yuga.jsがきかず、scrolllayer.jsが動きます。
（yuga.jsと一緒にダウンロードしたjquery.jsというファイルを消してもscrolllayer.jsが機能します）

どのようにすればスクロールとシンクボックスとロールオーバーの
機能を両立させられるのでしょうか？
よろしければご教授お願いします。

javascriptに全然詳しくありません。
わかりにくい質問でしたら申し訳ありません。

回答No.1

fujillin · ベストアンサー

使ったことがないので、中身はわかりませんが…

scrolllayer.jsはprototype.jsベース、thickbox.jsとyuga.jsはjquery.jsベースのものと思われます。
prototypeとjqueryはそのままだとコンフリクトするので、そのために片方しか動かないという事象になっているのではないでしょうか。

対応法を記してあるサイト
　http://html-coding.co.jp/knowhow/tips/000040/
　http://nplll.com/mutter/archives/2009/03/_prototypejsjqueryjsthickbox.php
　http://semooh.jp/jquery/ref/cont/with_prototype/

お礼

回答ありがとうございます。
教えていただいたサイトを見て修正できました！

ベースがどちらの物かも、そもそもベースがあった事も
コンフリクトする事も何もかも知らない情報ばかりで
大変勉強になりました。ありがとうございました。