2013-10-08 50 views
1

與背景圖像pagerAnchorBuilder我已經做了jQuery的週期與DIV的jQuery的週期 - 從DIV

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

誰能幫我

+0

用firbug檢查你的元素。我相信你會得到解決方案。 –

回答

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