複数の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>
両方とも単体では稼働します。
初心者で大変申し訳ございませんがわかる方宜しくお願い致します。
お礼
競合というものがあったんですね。知りませんでした。なんか調べたら色々出てきました。 これをもとに自分でやってみてまたわからない時がありましたらここで相談するかもしれません。 よろしくお願いします。ありがとうございました。