jQuery Cycle - pagerAnchorBuilder 带有来自 div 的背景图像答案

【问题标题】：jQuery Cycle - pagerAnchorBuilder with background-image from divjQuery Cycle - pagerAnchorBuilder 带有来自 div 的背景图像
【发布时间】：2013-10-08 15:57:05
【问题描述】：

我用 Div's 做了一个 jquery Cycle

<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>

谁能帮帮我

【问题讨论】：

用 firbug 检查你的元素。我相信你会得到解决方案。

标签： jquery jquery-cycle

【解决方案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>

【讨论】：