Слайдер. Косяк при дублировании слайдера. Где искать причину?

Question

[Евгения Сатонина]

Здравствуйте.
Осваиваю верстку, который день верстаю свой одностраничник. У меня есть слайдер. Делал я его по рекомендациям с тостера, а так-же по информации из статей. Проблема в том, что подобных слайдеров мне на сайте нужно несколько. Я пытался вставить второй, но при нажатии листать - листаются оба -) Не совсем понимаю принцип его работы, поэтому не могу понять где-что подкрутить.

codepen.io/anon/pen/qRpWKr

Answer 1

[iBird Rose]

ну во первых зачем тебе слайдер на чистом css. херня все это. ставь kenwheeler.github.io/slick к примеру
во вторых - проблема твоя в id у радио боксов. вот в этих:

<input type="radio" name="slider" id="slide1" checked="">
<input type="radio" name="slider" id="slide2">
<input type="radio" name="slider" id="slide3">
<input type="radio" name="slider" id="slide4">

у обоих слайдеров они должны быть разные

Comments

[Евгения Сатонина]

я два дня это слайдер пилил -) Я не смогу перепилить всё сначала -))

[Максим]

Евгений Сатонин: толку от такого слайдера который не работает ?iBird Rose верно сказал

[iBird Rose]

Евгений Сатонин: тк ничего и не надо пилить. просто подключить. вот тот же вариант что и в вашем фиддле https://jsfiddle.net/5d28mpbb/

[Евгения Сатонина]

iBird Rose: Просто у меня в каждом слайде по 3 элемента которые в последствии должны при нажатии вызывать модальные окна. Каждый элемент своё модальное окно. (карточки товаров). Что бы придать внешний вид такой какой мне нужно, я очень долго все это верстал (это моя первая самостоятельная верстка с нуля). А теперь Вы говорите, что слайдер на css плохой вариант, и мне снова придется разбираться как придать ванешний вид слайдеру такой, как мне нужно... И я почему то подсознательно боюсь js, так знаю, что у меня будет туева хуча модальных окон на js и боюсь что бы они не конфликтовали...

[iBird Rose]

Евгений Сатонин: все что вы описали - делается очень легко. ну и шанс конфликтов если делать через js - намного меньше чем ваш вариант через css

[Александр Белькевич]

На самом деле) Изврат слайдер на CSS пилить... Большой изврат..