Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.05.2012, 17:12
Новичок на форуме
Отправить личное сообщение для Mixanik Посмотреть профиль Найти все сообщения от Mixanik
 
Регистрация: 07.05.2012
Сообщений: 1

Множество jcarousellite на странице
Пошёл топорным путём - каждой карусели присваивать свой порядковый айди. В вызове получается что-то такое:
$(document).ready(function() {
$("#car1").jCarouselLite({
btnPrev: "#prev1",
btnNext: "#next1",
visible: 1,
circular: true
});
$("#car2").jCarouselLite({
btnPrev: "#prev2",
btnNext: "#next2",
visible: 1,
circular: true
});
...
});

Как видно, в каждом блоке меняется только индекс id. Можно ли как-то сократить скрипт до одного блока, применяемого ко всем тэгам с определённым диапазоном порядкового номера?

Или кто-то посоветует, как вообще избавиться от необходимости каждой карусели задавать уникальный id? В оригинальном виде скрипта при вызове более одной карусели кнопки "вперед-назад" прокручивают сразу все карусели.
Вот нынешняя конструкция:
<div class="widget">
<a id="prev1" class="previous" href="#"></a>
<div id="car1">
галерея в виде списка
</div>
<a id="next1" class="next" href="#"></a>
</div>

Простите за нубизм, заранее спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 27.09.2012, 19:23
Новичок на форуме
Отправить личное сообщение для Libida Посмотреть профиль Найти все сообщения от Libida
 
Регистрация: 20.01.2011
Сообщений: 1

Для меня работает следующий вид:

HTML:
<div class="listBox productList carouselBox">
<div class="arrow left"></div>
<div class="jCarouselLite" style="visibility: visible;">...</div>
<div class="arrow right"></div>
</div>

JS:
$('.jCarouselLite').each(function() {
$(this).jCarouselLite({
btnNext: $(this).parent().find(".arrow.right"),
btnPrev: $(this).parent().find(".arrow.left"),
circular: false,
visible: 4
});
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Поиск самого крупного шрифта на странице eXTrEMe888 Events/DOM/Window 11 03.05.2012 20:23
Проверка количества выбранных select на странице palladin_jedi Events/DOM/Window 10 16.05.2011 23:30
Не выполняется скрипт на подгружаемой странице AlThar ExtJS 1 21.01.2011 15:10
Найти скрипт на странице kaww Events/DOM/Window 18 29.06.2010 11:45
Ссылка на якорь на странице во фрейме niculins Общие вопросы Javascript 2 24.09.2008 12:23