是否可以使用jQuery循环插件在单个页面上安装多个寻呼机?
我需要它使用以下html作为其动态内容,所以不能不幸地单独设置它们:(
这个当前设置只是为每个幻灯片打印两个导航...
<div class="studio-slide">
<ul id="fac">
<li>image here</li>
<li>image here</li>
<li>image here</li>
</ul>
</div>
<ul class="slideshow-nav">
<li><span id="prev"><a class="arrow" href="#"><</a> </span></li>
<li><span class="nav"></span></li>
<li><span id="next"><a class="arrow" href="#">></a></span> </li>
</ul>
$(function(){
$('.studio-slide ul').cycle({
fx: 'fade',
speed: 200,
timeout: 0,
prev: '#prev',
next: '#next',
pager: '.nav',
pagerAnchorBuilder: pagerFactory
});
function pagerFactory(idx, slide) {
var s = idx > 2 ? ' style="display:none"' : '';
return '<a href="#">'+(idx+1)+'</a>';
};
});