Jqueryの干渉について
Jqueryの干渉について
Jqueryのライブラリを使ったjsを2つ同時に組み込もうとしておりますが、
干渉してしまっているようで、どちらか一つずつしか使えない状況です。
使おうとしているものは、spacegalleryというものと、nivosliderという
jsを使おうとしています。
それぞれ同じサイトの解説文を参照しながら、組み込んでみました。
参考にしたサイトは、
http://www.skuare.net/test/spacegallery.html
http://www.skuare.net/test/jnivoslider.html
で、headの記述は、
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/eye.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/spacegallery.js"></script>
<script>
$(document).ready(function(){
$('#myGallery').spacegallery({loadingClass: 'loading'});
});
</script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#hoge').nivoSlider({
effect:'random', // sliceDown、sliceDownLeft、sliceUp、sliceUpLeft、sliceUpDown、sliceUpDownLeft、fold、fade、random
slices:15, //分割枚数
animSpeed:500, //アニメーションスピード
pauseTime:3000, //停止時間
directionNav:true, //方向ナビ
directionNavHide:true //隠す
});
});
</script>
多分後からの記述の部分が前の記述をリセットさせてしまうと思うのですが、
上手くこの２つのスクリプトを同じページ内で稼働させる記述方法があれば
教えてください。
よろしくお願いします。
補足
失礼致しました。確かに本家のプラグインはしませんね。原因が全くわからない…