複数の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>
両方とも単体では稼働します。
初心者で大変申し訳ございませんがわかる方宜しくお願い致します。
お礼
ご回答ありがとうございます。昨日テキストを買って丸一日調べてなんとか解決しました。 サポートでカスタマイズの事書いてありました?出来上がりにはまだ納得がいってないので、確認してみますね。ど素人の質問にご回答いただいて本当にありがとうございました!