使用jQuery循环插件的多个寻呼机?

时间:2011-03-18 11:40:39

标签: jquery cycle

是否可以使用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="#">&lt;</a> </span></li>
     <li><span class="nav"></span></li>
     <li><span id="next"><a class="arrow" href="#">&gt;</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>';
};

});

0 个答案:

没有答案