本文介绍了nivo滑块和灯箱冲突jQuery的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
有人可以通过此jquery函数帮助我吗?我知道这是两者之间的冲突,但是我不知道我必须改变什么.
Can anybody help me with this jquery function. I know it is a conflict with both, but i dont know what i must change.
在页面上都可以使用.但是,拉紧灯箱是行不通的.
It works both allown on the page. But toghter the lightbox doesn´t work.
灯箱
<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>
推荐答案
尝试一下:
<script type="text/javascript">
var j = jQuery.noConflict();
j(window).load(function() {
j('#slider').nivoSlider({
这篇关于nivo滑块和灯箱冲突jQuery的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!