Mehrere JQuery Cycle-Diashows mit ihrem eigenen Navs

Question

Ich bin mit der JQuery Zyklus-Plugin ( http://malsup.com/jquery/cycle/) in einem Blog-Eintrag Seite. Es gibt mehrere Diashows, die gut funktionieren, aber ich möchte jeder auf die haben ihre eigenen vorherigen und nächsten.

Da diese Blog-Posts sind, ist es schwierig, eindeutige IDs oder Klassen zu unterschreiben. Im Moment habe ich: -

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

Ich habe folgendes versucht, aber nicht funktioniert. Es gibt Ihnen eine bessere Vorstellung von dem, was ich suche: -

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

Kann mir jemand helfen? Vielen Dank im Voraus.

Dave.

Answer 1

Versuchen Sie etwas wie folgt aus:

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

Answer 2

Sie verwenden können Eintrag IDs in den Klassen / ids?

so etwas wie:

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

setzen Sie dann den Teil des Javascript inline.