当前位置: 动力学知识库 > 问答 > 编程问答 >

jquery - My two javascript codes not work

问题描述:

I am using this codes in one page

<script type="text/javascript" src="catalog/view/javascript/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="catalog/view/javascript/jquery.nivo.slider.pack.js"></script>

<script type="text/javascript" src="catalog/view/javascript/slides.min.jquery.js"></script>

<script type="text/javascript" src="catalog/view/javascript/jcarousellite_1.0.1.min.js"></script>

<script type="text/javascript" src="catalog/view/javascript/jquery.lavalamp.min.js"></script>

<script type="text/javascript" src="catalog/view/javascript/jquery.easing.min.js"></script>

<script type="text/javascript">

$(function(){

$('#slides').slides({

preload: true,

preloadImage: 'img/loading.gif',

play: 5000,

pause: 2500,

hoverPause: true,

animationStart: function(current){

$('.caption').animate({

},100);

if (window.console && console.log) {

// example return of current slide number

console.log('animationStart on slide: ', current);

};

},

animationComplete: function(current){

$('.caption').animate({

},200);

if (window.console && console.log) {

// example return of current slide number

console.log('animationComplete on slide: ', current);

};

},

slidesLoaded: function() {

$('.caption').animate({

},200);

}

});

});

</script>

<script type="text/javascript">

$(function() {

$("#3").lavaLamp({

fx: "backout",

speed: 700,

click: function(event, menuItem) {

return false;

}

});

});

</script>

how to remove this conflict ?

I have use both together in one page,

SO Please any one can help

it is using (slide show and slide menu)

and i don't know what i should to do

分享给朋友:
您可能感兴趣的文章:
随机阅读: