jQuery SerialScroll：將類添加到活動項目

我正在使用Ariel Flesler的serialScroll腳本，並想將類添加到活動或突出顯示的項目，以便我可以使用CSS進行設計。閱讀the documentation我發現通知觸發器，但我不知道如何/如果它可以用來實現這一點。jQuery SerialScroll：將類添加到活動項目

這是我的代碼：

jQuery的

jQuery(function($){ 

    $('#slideshow').serialScroll({ 
     items:'li', 
     prev:'#screen2 a.prev', 
     next:'#screen2 a.next', 
     offset:-180, 
     start: 0, 
     duration:1200, 
     force:true, 
     stop:true, 
     lock:false, 
     cycle:false, 
     jump: true 
    }); 

});

HTML

<div id="screen2"> 
    <div id="buttons"> 
     <a class="prev" href="#">Previous</a> 
     <a class="next" href="#">Next</a> 
     <br class="clear" /> 
    </div> 
    <div id="slideshow"> 
     <ul> 
      <li><img src="http://www.stockvault.net/data/s/113497.jpg" /></li> 
      <li><img src="http://www.stockvault.net/data/s/100177.jpg" /></li> 
      <li><img src="http://www.stockvault.net/data/s/101916.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/animal-steps-in-snow-thumb12853223.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/animal-eggs-thumb15876342.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/animal-cat-thumb15385101.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/green-nature-thumb596309.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/office-in-nature-thumb3256171.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/nature-tree-thumb16030502.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/gift-of-the-nature-thumb15977958.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/nature-abstract-thumb3615419.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/nature-path-in-forest-with-sunshine-thumb8241130.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/nature-walk-thumb8436665.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/save-the-nature-thumb15696583.jpg" /></li> 
     </ul> 
    </div> 
</div>

我誤解了通知觸發的功能？如果是這樣，是否有任何替代方法來完成我所追求的目標？

來源

2011-12-01 colindunn

我會看看onBefore函數 - 從文檔：在每次滾動之前調用一個函數。它接收以下參數：事件對象，目標元素，要滾動的元素，項目集合以及集合中目標元素的位置。範圍（this）將指向獲取該事件的元素。如果該函數返回false，則該事件將被忽略。 –

從插件示例頁面，這裏是如何被使用onBefore：

onBefore:function(e, elem, $pane, $items, pos){ 
    /** 
    * 'this' is the triggered element 
    * e is the event object 
    * elem is the element we'll be scrolling to 
    * $pane is the element being scrolled 
    * $items is the items collection at this moment 
    * pos is the position of elem in the collection 
    * if it returns false, the event will be ignored 
    */ 
    //those arguments with a $ are jqueryfied, elem isn't. 
}

在功能

，您可以將您的活動類，並使用onAfter功能從先前元素刪除類。

來源

2011-12-01 17:58:41

jQuery SerialScroll：將類添加到活動項目

回答

相關問題