Question

我用Div的

做了一个jquery循环

<div id="slideshow2">
  <div style="background: url(images/1.jpg) center center;"></div>
  <div style="background: url(images/2.jpg) center center;"></div>
  <div style="background: url(images/3.jpg) center center;"></div>
</div>

现在我尝试实现缩略图。

$('#slideshow2').before('<ul id="nav">').cycle({ 
fx:     'fade', 
speed:  '2000',
slideResize: 0,
pager:  '#nav', 
pagerAnchorBuilder: function(idx, slide) {      
   return '<li><div style="' + slide.style.background + '"></div></li>';
}

}）;

它不起作用。

如果我写道：

return '<li>' + slide.style.background + '</li>';

没有div - 它显示了我想要的东西：

<li class="">url("images/1.jpg") repeat scroll center center transparent</li>

但如果我使用它显示：

<li class=""><div transparent"="" center="" scroll="" repeat="" 1.jpg")="" images="" style="url("></div></li>

有人可以帮助我

Answer 1

<li class="">url("images/1.jpg") repeat scroll center center transparent</li>

答案就在这里。您的输出将是：

<li><div style="url("images/1.jpg") repeat scroll center center transparent"></div></li>

jQuery Cycle - 来自div的background-image的pagerAnchorBuilder

1 个答案: