2014-08-27 73 views
0

我使用slippry滑塊:http://slippry.com/活動類添加到李,而不是IMG

我想LI標記到L1標籤中獲取「活動」類,而不是圖像。

縮略圖代碼:

<div class="thumb-box"> 
<ul class="thumbs"> 
<li><a href="#1" data-slide="1"><img src="/assets/img/image-1.jpg" alt="caption 1 <a href='#link'>Even with links!</a>"></a></li> 
<li><a href="#2" data-slide="2"><img src="/assets/img/image-2.jpg" alt="caption 2"></a></li>  
<li><a href="#3" data-slide="3"><img src="/assets/img/image-3.jpg" alt="caption 3"></a></li> 
<li><a href="#4" data-slide="4"><img src="/assets/img/image-4.jpg" alt="caption 4"></a></li> 
</ul> 
</div> 

jQuery代碼

var thumbs = jQuery('#thumbnails').slippry({ 
// general elements & wrapper 
slippryWrapper: '<div class="slippry_box thumbnails" />', 
// options 

onSlideBefore: function (el, index_old, index_new) { 
jQuery('.thumbs a img').removeClass('active'); 
jQuery('img', jQuery('.thumbs a')[index_new]).addClass('active'); 

}}); 

我曾嘗試:

onSlideBefore: function (el, index_old, index_new) { 
jQuery('.thumbs li').removeClass('active'); 
jQuery('li', jQuery('.thumbs')[index_new]).addClass('active'); 

但是這增加了活動類所有的李標籤。

回答

0

嘗試:

jQuery('.thumbs li')[index_new].addClass('active');