Как поместить два одинаковых слайдера на 1 страницу?

Question

[r31rus]

Как поместить слайдер (карусель) на одну страницу. В head подключены скрипты Query их не следует изменять? Выкладываю в jsfdle код простите только без скриптов. Пока не умею пользоваться им полноценно... jsfiddle.net/rr93z54v

Answer 1

[Александр Юдаев]

вместо id="testimonials" сделайте class="testimonials", class="testimonials2" и манипулируйте $('.testimonials') и $('.testimonials2'). в принципе можно вместо class-а использовать id с другим именем.

Comments

[r31rus]

Да testimonials и testimonials2 делал. Вот в скриптах совсем не догоняю.....

[r31rus]

Наверное там ответ

[r31rus]

Библиотеки и скрипты подключены в head как ссылки. Из корня

[Александр Юдаев]

в файле js/script.js продублируйте код и замените #testimonials на что то другое
$("#testimonials").jCarouselLite({
btnNext: ".down",
btnPrev: ".up",
visible: 1,
speed: 600,
vertical: true,
circular: true,
easing: 'easeOutCirc'
});

[r31rus]

Да файл script js:

$(window).load(function(){
$('.slider')._TMS({
preset:'diagonalFade',
easing:'easeOutQuad',
duration:800,
pagination:true,
slideshow:6000
})
$("#testimonials").jCarouselLite({
btnNext: ".down",
btnPrev: ".up",
visible: 1,
speed: 600,
vertical: true,
circular: true,
easing: 'easeOutCirc'
});
})

Просто полностью продублировать и $("#testimonials"). сделать $("#testimonials2"). ????

[r31rus]

Или создать второй файл script js??? и подключить

[Александр Юдаев]

jsfiddle.net/o36s3e0o

[r31rus]

Понял спасибо огромное! А дальше менять классы или id?

[Александр Юдаев]

продублировать HTML код и заменить Id.

[r31rus]

Спасибо. А в css?

[r31rus]

Тоже дублировать?

[Александр Юдаев]

если там на id базируется то да, если на классах то нет. на будущее сначала советую вникнуть в азы верстки.

[r31rus]

Все заработало! От души. Спасибо огромное и хорошего настроения!:))

Answer 2

[r31rus]

тоесть надо 2 одинаковых слайдера на одну страницу

Answer 3

[Евгений Кузнецов]

Зависит от конкретной реализации плагина. Без кода плагина, думаю, будет мало желающих почувствовать себя в роли синоптика)

Comments

[r31rus]

понял попробую как-то выложить.....

[r31rus]

Вот шаблон сайта там внизу каруселька с надписью testimonials. Всю голову уже измотал....

[r31rus]

ruseller.com/adds.php?rub_id=36&id=2660

[Евгений Кузнецов]

Используйте jCarousel, а не jCarouselLite. Насколько помню, лайт версия работает только в одном экземпляре

[Евгений Кузнецов]

Хотя нет. Вру.

[r31rus]

Евгений Кузнецов: спасибо попробую!

[r31rus]

Евгений Кузнецов: Скажите а где достать этот jCarousel?

[r31rus]

Понял