Comments 18
Интересно бы увидеть реализации без js. Только CSS + HTML, только хардкор )))
jsfiddle.net/7ocs925a
Там, как мне кажется, нужно еще добавить стрелки влево-вправо. А вот пролистывание клавишами без JS, кажется, сделать не получится. Ну и «карусель», чтобы после последнего запускалась первая, тоже сделать непонятно как. Хотя изначально радиокнопки все это предусматривают:
jsfiddle.net/wht6vjay/6
В общем, много чего надо допиливать, и у меня изначально идея была другая: не галерея картинок по кругу, а «карточка»: картинка+текст, то есть они предусматривают не прокрутку, а вдумчивое изучение, поэтому там цифры, чтобы легче было ориентироваться.
А вот пролистывание клавишами без JS, кажется, сделать не получится.
Странно. Я тоже на radio делал. У меня табом переключается.
А Javascript то где?
Автор уже опубликовал скрипт карусели, который также использует только CSS и Javascript. Теперь...
Также вызвала вопрос эта первая фраза. Какие по-Вашему средства используют другие слайдеру? Ну и по-существу вопроса. В свое время разработал код вертикального листанция экранов. Все было очень просто. Но когда я попробовал протестировать на Андроиде ту меня ожидало разочарование. Не знаю как сейчас но на тот момент был баг андроида, который не генерировал событие при окончании touch и его пришлось реализовывать прослушиванием других событий что сразу сделало код глючным и сложным. Так что в популярный свайперах/слайдерах поддержка совместимости одно из главных преимуществ
У меня андроид 7 планшет leanovo первый слайд свайпится с первого раза все последующие только со второго
Слайдер «только на CSS и JavaScript» — это сильно. :)
А я-то ожидал чего-то на Котлине и в докер-контейнере.
Вашим слайдером невозможно пользоваться с клавиатуры (дивы вместо кнопок), ваш код местами битый из-за типографских кавычек. Я всё больше боюсь за Хабр, после таких статей. Пожалуйста, не надо больше, ведь кто-нибудь и правда возьмёт этот код.
Простой слайдер изображений на CSS и Javascript