jQuery Slidertron鏈接到幻燈片

Question

大家好我使用jQuery Slidertron本質上是一個頁面特納。它內置於我正在使用的模板中，我非常喜歡它的外觀，但我想知道是否可以鏈接到特定的幻燈片。 例如，我想要一個按鈕跳到我卷軸中的第二張幻燈片，無論哪個幻燈片處於活動狀態。

這可能嗎？

如果不是這樣，也許我可以在後臺啓動導航操作一定次數，以便使用navFirstSelector向後滑動一個，然後打開一定數量的頁面？

下面是一個例子實施

<script type="text/javascript" src="jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="jquery.slidertron-1.1.js"></script> 

<!-- CSS --> 

<style type="text/css"> 
    #slider { 
     position: relative; 
     width: 500px; 
    } 
    #slider .viewer { 
     width: 500px; 
     height: 375px; 
     overflow: hidden; 
    } 
    #slider .viewer .reel { 
     display: none; 
     height: 375px; 
    } 
    #slider .viewer .reel .slide { 
     position: relative; 
     width: 500px; 
     height: 375px; 
    } 
</style> 

<!-- HTML --> 

<div id="slider"> 
    <div class="viewer"> 
     <div class="reel"> 
      <div class="slide"> 
       <img src="images/1.jpg" alt="" /> 
      </div> 
      <div class="slide"> 
       <img src="images/2.jpg" alt="" /> 
      </div> 
      <div class="slide"> 
       <img src="images/3.jpg" alt="" /> 
      </div> 
      <div class="slide"> 
       <img src="images/4.jpg" alt="" /> 
      </div> 
     </div> 
    </div> 
</div> 

<!-- JS --> 

<script type="text/javascript"> 
    $('#slider').slidertron({ 
     viewerSelector: '.viewer', 
     reelSelector: '.viewer .reel', 
     slidesSelector: '.viewer .reel .slide', 
     advanceDelay: 3000, 
     speed: 'slow' 
    }); 
</script> 

Answer 1

與indicatorSelector: '.indicator ul li'

$('#slider').slidertron({ 
    viewerSelector: '.viewer', 
    reelSelector: '.viewer .reel', 
    slidesSelector: '.viewer .reel .slide', 
    advanceDelay: 3000, 
    speed: 'slow', 
    indicatorSelector: '.indicator ul li' // Newly added line 
}); 

初始化你的插件，然後用CSS隱藏它（僅當你不想顯示該導航點）

.indicator{ 
    display:none !important; 
} 

然後運行以下命令

$('.indicator li').eq(0).trigger('click'); 

here以圖像索引作爲參數（從0開始，就像數組索引一樣）;

所以如果你想去第三幻燈片，然後使用

$('.indicator li').eq(2).trigger('click');