スライダーとナビゲーション バーがありますが、どちらも異なる jquery バージョンを使用する必要があります。
スライダーは 1.7.2 を使用し、ナビゲーションは 1.4.2 を使用します
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript">
var $jq = $.noConflict(true);
</script>
<!-- NAVIGATION -->
<script type="text/javascript">
$jq(document).ready(function() {
$jq('#main-image-box').children().removeClass('facets').end().facets({
control: 'ul#mainlevel',
clipSpacing: 1,
animationSpeed: 400,
beforeMax: function(index) {
$('#main-image-box .clip:eq('+index+') .container').show();
},
beforeMin: function(index) {
$('#main-image-box .clip:eq('+index+') .container').hide();
}
});
});
</script>
<!-- SLIDER -->
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
(window).load(function(){
('#slider').nivoSlider();
});
</script>
ご覧のとおり、noconflict を使用してみましたが、うまくいきません。この問題を解決するにはどうすればよいですか?