Я использую jquery Cycle версии 1 для своего веб-сайта, чтобы отображать несколько слайд-шоу на одной странице. Я не знаю, сколько слайд-шоу я буду использовать, поэтому я не могу дать каждому слайд-шоу уникальный идентификатор. вот код, который я использую, который отлично работает:
$('.slideshow').each(function() {
var $this = $(this);
$this.cycle({
timeout:0,
fx: 'none',
next: $this,
});
});
все мои слайд-шоу независимы, и при нажатии на слайд-шоу следующая функция работает на выбранном слайд-шоу, это прекрасно.
теперь я пытаюсь добавить пейджер в слайд-шоу, и это моя проблема. пейджер синхронизированы, и при использовании, например, 3 слайд-шоу, 1-й пейджер слайд-шоу отображает пейджер 1, 2 и 3... слайд-шоу 2 отображает пейджер 2 и 3, а слайд-шоу 3 отображает пейджер 3.
вот код, который я пробовал:
$('.slideshow').each(function() {
var $this = $(this);
$this.after('<div class="nav">').cycle({
timeout:0,
fx: 'none',
// use slideshow as the transition trigger
next: $this,
pager: '.nav',
});
});
Мне нужно связать пейджер со слайд-шоу, возможно, с помощью $this, но я не могу понять, как это сделать...
вот JSfiddle, чтобы увидеть его в действии: http://jsfiddle.net/HuNfz/198/
Спасибо большое за вашу помощь !