Несколько слайд-шоу Jquery Cycle с собственными навигационными системами

Question

Я использую плагин цикла Jquery (http://malsup.com/jquery/cycle/) на странице листинга блога. Есть несколько слайд-шоу, которые работают нормально, но я бы хотел, чтобы у каждого были свои предыдущий и следующий.

Поскольку это сообщения в блоге, сложно подписать уникальные идентификаторы или классы. В настоящее время у меня есть: -

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

Я пробовал следующее, но не работает. Это дает вам лучшее представление о том, что я ищу: -

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

Кто-нибудь может мне помочь? Заранее спасибо.

Дэйв.

Answer 1

Попробуйте что-то вроде этого:

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

Answer 2

Вы можете использовать идентификаторы входа в классах / идентификаторах?

что-то вроде:

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

затем поместите эту часть JavaScript в строку.