2012-04-22 217 views
1

嗨,大家好我正在使用jQuery bxslider插件,出于某种原因,它显示随机幻灯片,它不会从一开始,有时它会多次显示第一张幻灯片,并且一些幻灯片永远不会?bxSlider jquery显示随机幻灯片?

我使用非常简单的代码,我没有工作(..working但随机幻灯片)上viifit.com编辑的.js文件,你可以看到它

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 
<script src="jquery.bxSlider.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#slider1').bxSlider(); 
}); 

$(function(){ 
var slider = $('#slider1').bxSlider({ 
    controls: false 
}); 

$('#go-prev').click(function(){ 
slider.goToPreviousSlide(); 
return false; 
}); 

$('#go-next').click(function(){ 
slider.goToNextSlide(); 
return false; 
}); 
}); 

$(function(){ 
$('#slider1').bxSlider({ 
auto: true, 
autoControls: false 
}); 
}); 
</script> 

<div id="slider1"> 
<div><img src="slide1.png"></div> 
<div><img src="slide2.png"></div> 
<div><img src="slide3.png"></div> 
<div><img src="slide4.png"></div> 
</div> 
+0

顺便说一下,这个滑块总是JS混乱。作者应该提到这实际上是:“*无限但跳动的laggy slider。” – 2012-04-22 18:30:37

回答

0

有这么多毛病你的剧本,它很疯狂。

试试这个:

$(document).ready(function(){ 

    var slider = $('#slider1').bxSlider({ 
     controls: false, 
     auto:true, 
     autoControls: false 
    }); 

    $('#go-prev').click(function(){ 
     slider.goToPreviousSlide(); 
     return false; 
    }); 

    $('#go-next').click(function(){ 
     slider.goToNextSlide(); 
     return false; 
    }); 
}); 

现在不能在本地测试,但它应该工作。

+0

非常感谢!我使用的脚本说如何在实际的滑块网站上使用它,我认为这是一个广泛使用的滑块,但我下次会猜测新星?再次感谢作品完美! – user1250526 2012-04-22 20:24:06

+0

编号bxlsider是一个很棒的插件。我在很多项目中使用过它。这是导致问题的缺乏理解jQuery的原因。原始代码中有很多错误(包括语法错误)。 – rgin 2012-04-22 22:23:14