jQuery Cycle Plugin - 當滿足條件時跳轉到下一張幻燈片

我想知道如何在滿足特定條件時跳到下一張幻燈片。jQuery Cycle Plugin - 當滿足條件時跳轉到下一張幻燈片

這裏是我的代碼：

$('#slider').cycle({ 
     fx: 'fade', 
     speed: 200, 
     timeout: 3000, 
     before: function() { 
      if ($(this).attr('class') == 'empty-container') { 
       $(this).cycle('next'); 
      } 
     } 
    });

的HTML標記滑塊是這樣的：

<div id="slider"> 
    <div class="container">......</div> 
    <div class="empty-container"></div> 
    <div class="container">......</div> 
</div>

當遇到「空容器」類的div，我想立即跳到下一張幻燈片。我知道實現此目的最簡單的方法是使用slideExpr選項，但由於同一幻燈片中存在多個傳呼機標記，因此我無法使用slideExpr。

來源

2013-04-07 user1448031

爲什麼在初始化循環之前不刪除空容器？另外'多個尋呼機標記'是什麼意思。如果刪除不是選項，請提供標記 – charlietfl 2013-04-07 13:06:08

@charlietfl這是由於尋呼機中的某些元素仍然需要映射到空容器。所以空容器應該留在那裏，但我只需要找出一種方法來跳過它們。 – user1448031 2013-04-07 13:10:20

@charlietfl「多個傳呼機」是幻燈片頂部和底部的導航按鈕。 – user1448031 2013-04-07 13:14:35

而不是before:選項，我用after:，它現在似乎對我的特定問題正常工作。所以jquery現在是：

$('#slider').cycle({ 
     fx: 'fade', 
     speed: 200, 
     timeout: 3000, 
     after: function() { 
      if ($(this).attr('class') == 'empty-container') { 
       $(this).cycle('next'); 
      } 
     } 
    });

來源

2013-04-07 14:40:42 user1448031

jQuery Cycle Plugin - 當滿足條件時跳轉到下一張幻燈片

回答

相關問題