複数のjqueryを入れると動かなくなる

質問

今サイトを作っているのですが、スライダーと違うjqueryの相性が悪い（？）か自分の記載漏れで、埋め込みをした新しいjqueryは動きますが、スライダーが動かなくなってしまいました。
サイトです：http://blackartcard.com/

ヘッダー内は下記です。
<!--Scroll to Top-->
<script src="http://blackartcard.com/backtop/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://blackartcard.com/backtop/scrolltopcontrol.js" type="text/javascript"></script>
<!-- =======================================
スライダー
======================================= -->
<link rel="stylesheet" href="http://blackartcard.com/slider/panning-slideshow.css"/>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://blackartcard.com/slider/jquery.easing.1.3.js"></script>
<script src="http://blackartcard.com/slider/jquery.timer.js"></script>
<script src="http://blackartcard.com/slider/image-rotator.js"></script>

</script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>
<script type="text/javascript">
$(document).ready(function(){
//マスオーバー時にキャンプション表示
$('.boxgrid.captionfull').hover(function(){
$(".cover", this).stop().animate({top:'135px'},{queue:false,duration:160});
}, function() {
$(".cover", this).stop().animate({top:'250px'},{queue:false,duration:160});
});
});
</script>
</head>

両方とも単体では稼働します。
初心者で大変申し訳ございませんがわかる方宜しくお願い致します。

回答No.1

kosukejlampnet · ベストアンサー

<script src="http://blackartcard.com/backtop/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>

まずは上記のjQueryですが、すべて同じファイルを重複して読み込んでいます。
<script src="http://code.jquery.com/jquery-latest.js"></script>
が最新バージョンのファイルですので、これをHEADERの一番上に書いてそのほかは消してください。

後、jQuery最新バージョンにはeasingも含まれているので、
<script src="http://blackartcard.com/slider/jquery.easing.1.3.js"></script>
も不要です。

ここまで書き換えると、以下のようになるはず。
<link rel="stylesheet" href="http://blackartcard.com/slider/panning-slideshow.css"/>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://blackartcard.com/backtop/scrolltopcontrol.js" type="text/javascript"></script>
<script src="http://blackartcard.com/slider/jquery.timer.js"></script>
<script src="http://blackartcard.com/slider/image-rotator.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//マスオーバー時にキャンプション表示
$('.boxgrid.captionfull').hover(function(){
$(".cover", this).stop().animate({top:'135px'},{queue:false,duration:160});
}, function() {
$(".cover", this).stop().animate({top:'250px'},{queue:false,duration:160});
});
});
</script>
ここまでやってみてください。まずは原因を切り分けましょう。

お礼

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