Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Александр Наумов
@coderart
JavaScript
HTML
CSS
Как реализовать такой слайдер?
Есть задача, нужно реализовать такой слайдер.
Не могу представить как сделать.
Может у кого есть такой пример, или подобное что то.
Желательно через slick slider.
Вопрос задан
более трёх лет назад
181 просмотр
11
комментариев
Подписаться
2
Простой
11
комментариев
Facebook
Вконтакте
Twitter
godsplan
@godsplan
На слик такие переходы не сделаешь, я имею ввиду когда картинки друг за другом и книжкой перелистываются
Написано
более трёх лет назад
Александр Наумов
@coderart
Автор вопроса
godsplane
, На чем можно попробовать такое реализовать ?
Написано
более трёх лет назад
Rustam Bainazarov
@SmthTo
Куратор тега CSS
godsplane
, да можно на самом деле:
https://ru.stackoverflow.com/questions/760379/3d-%...
Написано
более трёх лет назад
godsplan
@godsplan
Александр Наумов
, я бы писал на js/jquery без библиотеки для слайдеров.
Если при переходе слайдов там просто затухание, то это легко
Написано
более трёх лет назад
godsplan
@godsplan
Рустам Байназаров
, да я тоже так делал
greenpoint38.com
но браузер не понимает таких вещей, поэтому такие слайдеры часто "лагают"
Написано
более трёх лет назад
godsplan
@godsplan
Рустам Байназаров
, хотя в ответе пример не виснет, это круто! Не знал что так можно
Написано
более трёх лет назад
Rustam Bainazarov
@SmthTo
Куратор тега CSS
godsplane
, там же просто translate3d да z-index, лагать нечему. Просто это не совсем по-блатному анимируется из-за неанимируемого z-index.
Лучше, конечно, данную штуку делать, как сделали на сайте Тинькофф. Чтобы визуально нивелировать этот недостаток.
Написано
более трёх лет назад
Rustam Bainazarov
@SmthTo
Куратор тега CSS
godsplane
, да не за что :))
Я таким же макаром делал для Swiper, но код искать сейчас лень.
Написано
более трёх лет назад
Rustam Bainazarov
@SmthTo
Куратор тега CSS
Александр Наумов
, доработайте пример под себя:
snippet
Все благодарности сюда:
https://ru.stackoverflow.com/questions/760379/3d-%...
Написано
более трёх лет назад
Александр Наумов
@coderart
Автор вопроса
Рустам Байназаров
, Спасибо большое.
Понял что лучше самому написат. Потому что этот не подходит.
Написано
более трёх лет назад
Rustam Bainazarov
@SmthTo
Куратор тега CSS
Александр Наумов
, у данных слайдером кучи опций. Вы можете сделать практически любые надстройки, если владеете JS.
На сайте Tinkoff есть подобный слайдер на главной. Раньше они использовали Swiper.
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Жук
@Jukk
jQuery Flipster
https://github.com/drien/jquery-flipster
https://codepen.io/shshaw/pen/NxWgxJ
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Средний
Не влезает шрифт в input?
2 подписчика
вчера
940 просмотров
0
ответов
HTML
+1 ещё
Простой
Как задать прозрачность изображению?
1 подписчик
вчера
85 просмотров
1
ответ
JavaScript
Простой
Только на мобильной версии сайта не работает отправка формы на почту?
1 подписчик
09 июл.
180 просмотров
2
ответа
JavaScript
Простой
Как добавить ограничение на перемещение с transform translate?
1 подписчик
08 июл.
113 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать, чтобы на сайте картинка при нажатии открывалась в большом размере а при повторном щелчке возвращалась к исходнику? В HTML?
1 подписчик
07 июл.
920 просмотров
5
ответов
JavaScript
+3 ещё
Простой
Как открыть ссылку из html-файла на диске в той же вкладке браузера?
1 подписчик
07 июл.
203 просмотра
2
ответа
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
06 июл.
127 просмотров
0
ответов
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
2 подписчика
06 июл.
1616 просмотров
0
ответов
HTML
+1 ещё
Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
1 подписчик
06 июл.
96 просмотров
0
ответов
JavaScript
Простой
Как отображать HTML в виде текста, но и не поломать markdown?
1 подписчик
03 июл.
170 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36
•
Воронеж
от 100 000 до 150 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама