Question

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

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

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

$('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>';
}

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

1 个答案: