2012-04-30 19 views
0

我有一個幻燈片中循環使用pagerAnchorBuilder選項自動生成縮略圖:jQuery的週期插件 - 隱藏特定縮略圖

pagerAnchorBuilder: function(idx, slide) { 
return '<li><a href="#"><img src="' + slide.src + '" width="38" height="45" /></a></li>'; 
}, 

我想(實際上在過去的2個thumbanails)隱藏最後一個縮略圖。我知道我可以使用類似:

$('li').eq(-1).hide(); 

只是不知道在哪裏把它使所有的縮略圖加載後,它發生。

+0

提供鏈接到您的插件 – mkoryak

+0

的文檔能否請您提供一些反饋或標記答案如果有幫助。謝謝。 – lucuma

回答

1

你可以這樣做:

#pager a:last-child{ 
    display:none; 
} 

或者你也許可以做這樣的事情http://jsfiddle.net/sxcGR/

pagerAnchorBuilder: function(idx, slide) { 
    var cssClass=""; 

    if (idx==$('.image-slides img').length-1) // assumes you are cycling img 
    cssClass="hidemeclass"; // css .hidemeclass {display:none} 

    return '<li class="' + cssClass + '"><a href="#"><img src="' + slide.src + '" width="38" height="45" /></a></li>'; 
}