我正试图弄清楚如何制作jquery滑块,我遇到了两个主要问题。
实时演示
问题1上一张幻灯片。它将转到上一张幻灯片,但单击计数==slider.length后,它将消失。
//previous
$("#previous").click(function(){
if(clickCount < slider.length)
slider.eq(clickCount--).hide();
if(clickCount == slider.length)
clickCount = 0;
slider.eq(clickCount).show();
}) ;
问题2自动播放我的自动播放逻辑不起作用。。。
//autoplay
$(document).ready(function(){
var presentSlide = 0
if(presentSlide < slider.length)
slider.eq(presentSlide++).fadeOut(600);
if(presentSlide == slider.length)
presentSlide = 0;
slider.eq(clickCount).fadeIn(600);
}) ;
问题1:
您必须检查不同于next
按钮的clickCount
:
$("#previous").click(function(){
if(clickCount >= 0)
slider.eq(clickCount--).hide();
if(clickCount < 0)
clickCount = slider.length-1;
slider.eq(clickCount).show();
}) ;
问题2:
对于自动播放,你为什么不每X秒按一次click
和next
按钮呢?
$(document).ready(function(){
setInterval(function(){
$("#next").click();
},5000); //every 5000 ms (5 seconds)
}) ;
FIDDLE