2012-04-22 106 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