Все сервисы Хабра
Сообщество 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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Простой
Как сделать, чтобы на сайте картинка при нажатии открывалась в большом размере а при повторном щелчке возвращалась к исходнику? В HTML?
1 подписчик
6 часов назад
83 просмотра
3
ответа
JavaScript
+3 ещё
Простой
Как открыть ссылку из html-файла на диске в той же вкладке браузера?
1 подписчик
9 часов назад
124 просмотра
2
ответа
JavaScript
+3 ещё
Средний
Влияют ли index.ts (barrel pattern) файлы на производительность?
1 подписчик
11 часов назад
54 просмотра
0
ответов
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
вчера
103 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
2 подписчика
вчера
1083 просмотра
0
ответов
HTML
+1 ещё
Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
1 подписчик
вчера
78 просмотров
0
ответов
JavaScript
Простой
Как отображать HTML в виде текста, но и не поломать markdown?
1 подписчик
03 июл.
152 просмотра
1
ответ
JavaScript
+1 ещё
Средний
Как создать плиточное меню WP с различным кеглем, по мере варьирования числа постов в категориях?
1 подписчик
02 июл.
108 просмотров
1
ответ
CSS
+1 ещё
Простой
Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?
1 подписчик
02 июл.
178 просмотров
1
ответ
CSS
Простой
Как убрать фон в input после выбора?
1 подписчик
02 июл.
108 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36
•
Воронеж
от 100 000 до 150 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама