簡體   English   中英

上一張幻燈片和自動播放Jquery滑塊,

[英]Previous slide and auto play Jquery slider,

我想弄清楚如何制作一個jquery滑塊,我遇到了2個主要問題。

現場演示

問題1上一張幻燈片。 它轉到上一張幻燈片,但是在clickCount == 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);
 }) ; 

問題一:

您必須檢查clickCountnext按鈕不同:

$("#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)
 }) ;  

小提琴

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM