Пошёл топорным путём - каждой карусели присваивать свой порядковый айди. В вызове получается что-то такое:
$(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>
Простите за нубизм, заранее спасибо.