jquery - Jquery Cycle Plugin - 隐藏特定的缩略图

Question

我有一个幻灯片，其中 Cycle 使用 pagerAnchorBuilder 选项自动生成缩略图：

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

我想隐藏最后一个缩略图（实际上是最后 2 个缩略图）。我知道我可以使用类似的东西：

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

只是不知道把它放在哪里，所以它会在所有缩略图都加载后发生。

Answer 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>';
}