Несколько слайд-шоу цикла JQuery с собственными навигациями
Вопрос
Я использую плагин цикла 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
});
Может кто-нибудь мне помочь?Заранее спасибо.
Дэйв.
Решение
Попробуйте что-то вроде этого:
$('.article .gallery').each(function(){
var $this = $(this);
$this.cycle({
next: $this.next('.viewmore').find('.left'),
prev: $this.next('.viewmore').find('.right')
});
});
Другие советы
можете ли вы использовать идентификаторы записей в классах/идентификаторах?
что-то вроде:
<span id="prev_{entry_id}">Previous</span>
<span id="next_{entry_id}">Next</span>
затем вставьте эту часть javascript в строку.
Не связан с StackOverflow