2013-03-28 100 views
0

任何人都可以帮助我用这个jQuery的功能。我知道这是与两者的冲突,但我不知道我必须改变。nivo滑块和灯箱冲突jquery

它既可以在页面上显示,也可以在页面上显示。但为了增加灯箱效果不起作用。

灯箱

<script src="js/prototype.js" type="text/javascript"></script> 
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> 
<script src="js/lightbox.js" type="text/javascript"></script> 

NIVO滑块

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="slider/jquery.nivo.slider.js"></script> 
<script type="text/javascript"> 
$(window).load(function() { 
$('#slider').nivoSlider({ 
    effect:'fade', 
    slices:10, 
    animSpeed:1500, 
    pauseTime:10000, 
    directionNav:true, //Next & Prev 
    directionNavHide:true, //Only show on hover 
    controlNav:true, //1,2,3... 
    keyboardNav:true, //Use left & right arrows 
    pauseOnHover:true, //Stop animation while hovering 
    manualAdvance:false, //Force manual transitions 
    captionOpacity:0.8, //Universal caption opacity 
    beforeChange: function(){}, 
    afterChange: function(){}, 
    slideshowEnd: function(){} //Triggers after all slides have been shown 
    }); 
    }); 
</script> 

回答

1

试试这个:

<script type="text/javascript"> 
var j = jQuery.noConflict(); 
j(window).load(function() { 
    j('#slider').nivoSlider({ 
+0

谢谢......我应该在哪里插入它 – user1383911

+0

谢谢泰米尔塞尔万这就是它...非常感谢 – user1383911

0

只是说我有同样的问题。

插件:

  • jQuery的灯箱对于本土画廊
  • NIVO滑块WordPress的

我把它通过清除管线32的工作:从nivoslider4wp店

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 

.php位于\ plugins \ nivo-slider-for-wordpress \

我希望有帮助。