Jquery縮略圖圖像幻燈片

我創建了jquery圖像滑塊，它工作良好。不過，我在顯示縮略圖圖像時出現問題。這是我的問題：在我的滑塊下有四個縮略圖圖像，在每張幻燈片上，您都可以看到女巫圖像爲「活動」，但我的縮略圖（現在它們只是字母）只能工作到上一張幻燈片，然後剎車:(
這裏是THE FIDDLE全碼Jquery縮略圖圖像幻燈片

這是我選擇的縮略圖代碼：？

有人可以幫我請謝謝！

/*CODE WORKING UNTIL LAST SLIDE*/ 
$('.control_active').removeClass('control_active').next('li').addClass('control_active'); 
     <!--------------------------------------------------------------------------------->

來源

2012-04-01 Dejo Dekic

我覺得它停止工作，因爲是不是真的有下一個禮。你想讓它回到第一個裏面，但是它想要繼續下去，而不是在那裏。 – Connor 2012-04-01 00:18:01

這是對的，但我不知道該怎麼做:( – 2012-04-01 00:19:23

Dejo嘗試整合我的答案，它會知道它在任何時候都處於什麼位置 – 2012-04-01 00:19:58

我做我的問題非常簡單的解決方案:) 基本上我檢查有沒有在最後 L1標籤的類。如果在上有一個類last li標記將類添加到第一個 li，但只有當第一個圖像再次開始動畫時...這是WORKING FIDDLE。
而這裏的代碼：

/*THIS CODE IS WORKING LIKE A CHARM YEEEY!!!*/ 
    <!----------------------------------------------->   
$('.control_active').removeClass('control_active').next('li').addClass('control_active'); 
if ($('.textcontrols ul li:last').hasClass('control_active')) { 
    $('.textcontrols ul li:first').addClass('control_active'); 
} 
<!-------------------------------------------->

來源

2012-04-02 17:01:28

一個快速和骯髒的解決辦法是設置一個標誌和開關：

var slide_text = { 
    red: $('.redcontrol'), 
    blue: $('.bluecontrol'), 
    green: $('.greencontrol'), 
    yellow: $('.yellowcontrol') 
} 

var wash = function() 
{ 
    for(var key in slide_text) 
    { 
    if(slide_text.hasOwnProperty(key)) 
    { 
     slide_text[key].removeClass('control_active'); 
    } 
    } 
} 

var n = 0; 
switch(n) 
{ 
    //red 
    case 0: 
    wash(); 
    slide_text.red.addClass('control_active'); 
    n++; 
    break; 

    //blue 
    case 1: 
    wash(); 
    slide_text.blue.addClass('control_active'); 
    n++; 
    break; 

    //green 
    case 2: 
    wash(); 
    slide_text.green.addClass('control_active'); 
    n++; 
    break; 

    //yellow 
    case 3: 
    wash(); 
    slide_text.yellow.addClass('control_active'); 
    n = 0; 
    break; 
}

來源

2012-04-01 00:19:11

Jquery縮略圖圖像幻燈片

回答

相關問題