开发者

Multiple Jquery Cycle Slideshows with their own Navs

I am using the Jquery cycle plugin (ht开发者_StackOverflow社区tp://malsup.com/jquery/cycle/) on a blog listing page. There are multiple slideshows which work fine but I'd like each on the have their own previous and next.

Because these are blog posts it is difficult to sign unique IDs or classes. I currently have:-

    $('.article .gallery').cycle({
 next: '.viewmore .left',
 prev: '.viewmore .right',
timeout:0
});

I have tried the following but doesn't work. It gives you a better idea of what I am looking for:-

 $('.article .gallery').cycle({
 next: $(this).next('.viewmore .left'),
 prev: $(this).next('.viewmore .right'),
timeout:0
});

Can anyone help me? Thanks in advance.

Dave.


Try something like this:

$('.article .gallery').each(function(){
    var $this = $(this);
    $this.cycle({
        next: $this.next('.viewmore').find('.left'),
        prev: $this.next('.viewmore').find('.right')
    });
});


can you use entry ids in the classes/ids?

something like:

<span id="prev_{entry_id}">Previous</span>
<span id="next_{entry_id}">Next</span>

then put that portion of the javascript inline.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜