Может есть идеи как воплотить такой вот слайдер в реальность?

Question

[newhacke]

Вообщем, нужен такой вот слайдер один в один. Возможно не изобретая велосипед уже есть в сети подобный слайдер? Если нет, поделитесь мыслями как это сделать и как мне начинающему парню это осилить ?

https://www.tesla.com/
главная страница где машины стоят

Comments

[Ярослав Александров]

вас что в браузере в панели инструментов разработчика забанили?
1) Нажимаете F12
2) забираете HTML этого слайдера
3) смотрите какой js скрипт отвечает за работу слайдера
4) Собираете это у себя локально
5) Внедряете на рабочий проект

[newhacke]

мало что получилось извлеч из вашего ответа.... Сомневаюсь что все так просто как вы говорите... Попробуйте сами выполнить все вышеперечисленные пункты, и если это принесет результаты, то киньте в песочницу, буду очень благодарен...

Answer 1

[insphoto]

Можно такое сделать с помощью Swiper.js

Comments

[newhacke]

можно немного конректней, пожалуйста? Там есть что то похожее, но как сделать так что бы сторонний фон двигался...

[insphoto]

как вариант два слайдера связать через слушатели событий, что бы они друг от друга зависели. В доке очень хорошо это расписано: https://swiperjs.com/api/

[newhacke]

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

[insphoto]

newhacke, а блин да, точно)) эт я тупанул. Я бы к слайдеру повесил обработчики и в зависимости от того в какую сторону листаем, то менял бы трансформ транслэйт на картинке влево/вправо.

Answer 2

[ThunderCat]

Фигасе, оно еще и на друпале О.о
Похоже что это fullpage.js Carousel Marketing
если речь о верхнем "слайдере", то там вообще тупо имаж позишн по клику меняется...

Comments

[newhacke]

)))) вот это продуктивно)))) сложно ли адаптировать такую схему с позишинами?

[newhacke]

напиши пожалуйста в телеграм) Буквально несколько вопросов... @fuckso

[ThunderCat]

newhacke, нету у меня телеграма. Тут вопрошай, оторок, всем наука будет...