Использование slick js?

Question

[Михаил]

Хочу на одну страницу расположить 2 и более slick slider. Возможно ли такое и если возможно, что для этого надо сделать?

Comments

[Михаил]

основная проблема в настройках классов, которые создает slick. Меняя свойства класса для одного слайдера меняются аналогичные свойства для таких же классов в других слайдерах. В этом и проблема.

[Froggyweb]

бл@mzin1985,блин та же проблема с CSS думаешь одно, получаешь - другое.
а почему два слайдера с одними настройками должны вести себя по разному? *

Answer 1

[inkShio]

Если вопрос только по классам

$(document).ready(function(){
  $('.slick-slider').slick();
});

<div class="slick-slider MYSTYLECLASS">
  <div class="MYSTYLECLASS__ITEM">your content</div>
  <div class="MYSTYLECLASS__ITEM">your content</div>
  <div class="MYSTYLECLASS__ITEM">your content</div>
</div>

<div class="slick-slider MYSTYLECLASS-2">
  <div class="MYSTYLECLASS-2__ITEM">your content</div>
  <div class="MYSTYLECLASS-2__ITEM">your content</div>
  <div class="MYSTYLECLASS-2__ITEM">your content</div>
</div>

Comments

[Михаил]

вопрос по классам которые создает скрипт slick. Возможно ли настраивать классы для разных для разных слайдеров, если эти классы имеют одно название. Эти классы инициализируются после запуска скрипта - соответственно я их вижу в коде html только в консоли разработчика и переназначить класс под конкретный слайдер в базовом коде не могу. Таким образом данный вариант не прокатывает... К сожалению

[Михаил]

inkShio ^

[inkShio]

почему не прокатит? вот и стилизуй как хочешь!