А как делать карусель-слайдер, с использованием css?

Question

[dsfafdagsadf]

Видел код, но там вычисляется все через JS из за чего код плохо читается
вот он https://jsfiddle.net/jeq1ftr5/

а можно все то же самое сделать, но только добавлять классы css к слайдам?

Comments

[WapSter]

Так ты чего хочешь, как делаются сладеры на css или плагин который по классу соберет слайдер?

[dsfafdagsadf]

WapSter, как делать карусель-слайдер, просто в данном примере изменение в стилях css происходит через js.

а можно сделать, все то же самое, но добавляя эффекты через присваивания классов

[WapSter]

dsfafdagsadf, в принципе можно, но с последствиями, он будет не адаптивный скорее всего и довольно убогий.

[profesor08]

WapSter, как раз таки он будет адаптивным. Анимации на css, высчитывание размеров тоже на css, на js только подставляются классы, в зависимости от которых, слайд вылезет справа или слева. Идеальное по компактности и удобности решение, но только для слайдеров, где показывается только один слайд.

Answer 1

[profesor08]

а можно все то же самое сделать, но только добавлять классы css к слайдам?

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

Можно вообще без js обойтись, если заморочиться с `input[type="radio"]`.