Плагин jQuery Cycle: несколько пейджеров для разных галерей на одной странице - PullRequest
Новая
       29

Плагин jQuery Cycle: несколько пейджеров для разных галерей на одной странице

1 голос
/ 01 марта 2010

У меня есть одна страница, на которой есть несколько экземпляров галереи миниатюр «цикл». Проблема в том, что система подкачки все испортила (она добавляет все в один или что-то). Это, наверное, очень просто для вас, ребята, но вот что у меня есть: 

$(function(){ 
$('div.gallery')
.before('<div class="imgSelect">')
.each(function() {
$('.imgWrap ul').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
pager:  '.imgSelect'
    });
  });
});

HTML: 

<div class="imgWrap">
    <div class="gallery">
        <ul>
            <li><img src="images/travel1.jpg" alt="" /></li>
            <li><img src="images/travel2.jpg" alt="" /></li>
            <li><img src="images/travel3.jpg" alt="" /></li>
        </ul>
    </div>
   </div>

Я в основном пытаюсь сказать, что для каждого div, называемого «.gallery», добавьте перед ним div Pager (.imgSelect), но все эти пейджеры должны учитывать только изображения в этой галерее.

Любая помощь будет высоко ценится, Приветствия.

Ответы [ 2 ]

4 голосов
/ 01 марта 2010

это должно работать: 

$(function() {
    $('.gallery ul').each(function(i) {
        $(this).before('<div class="imgSelect imgSelect'+i+'">').cycle({
            fx:     'fade',
            speed:  'fast',
            timeout: 2000,
            pager:  '.imgSelect' + i
            });
        });
    });

примечание : время ожидания указывается в миллисекундах, установка его в ноль остановит цикл: D

НТН.

0 голосов
/ 01 марта 2010 
$(function(){
    $('div.gallery').each(function() {

        $(this).before('<div class="imgSelect" />');

        $('.imgWrap ul').cycle({
            fx: 'fade',
            speed: 'fast',
            timeout: 0,
            pager:  '.imgSelect'
            });
        });
    });

, который добавит div.imgSelect перед каждым div.gallery

хотя я не уверен, что вы имеете в виду:

но все эти пейджеры должны учитываться только изображения в этой галерее

ооо, попробуйте это: 

$(function() {
    $('div.gallery').each(function(i) {
        $(this).before('<div class="imgSelect imgSelect' + i + '" />');
        $('.imgWrap ul').cycle({
            fx: 'fade',
            speed: 'fast',
            timeout: 0,
            pager:  '.imgSelect' + i;
            });
        });
    });

это добавит второй класс imgSelect0 через imgSelectN, где N - общее количество галерей минус один. внутренний счетчик плагина продолжает добавлять число, если назначенные пейджеры одинаковы, поэтому обходной путь - это назначение отдельного селектора пейджеров для каждой галереи.

...