Multiple Jquery Cycle Slideshows with their own Navs

Question

Hello,

I am using the Jquery cycle plugin (http://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.

Answer 1

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')
    });
});

Answer 2

could you post the html for this please?