上一张幻灯片和自动播放Jquery滑块，

Previous slide and auto play Jquery slider,

本文关键字：自动播放 Jquery 滑块 幻灯片 一张      更新时间：2023-09-26

我正试图弄清楚如何制作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

相关文章：