Как сделать вот такую галерею?

Question

[Web__Nikita03]

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

Answer 1

[Андрей]

вот делал https://www.agima.ru/projects/tanuki/ посмотрите снизу примерно ваш вариант
обычный slick js + просто мокап с дыркой над слайдером

Comments

[Виталий Першин]

Было бы круче, если внутри телефона был еще один связанный слайдер, который перекрывал центральную картинку, а внутри себя менял изображение

[Андрей]

Виталий, не уверен, но это так же легко реализуемо в slick js параметром asNavFor

[Виталий Першин]

Андрей, Я это и имею ввиду

[Web__Nikita03]

Андрей, Я правильно понимаю делаю слайдер как в примере slick документации и через абсолютное позиционирование приклеиваю иконку айфона к середине страницы ? И в ваше примере я увидел 2 непонятных свойства это infinite: true, и centerPadding: '33.33%', Скажите пожалуйста за что они отвечают (я в документации не нашел , видимо плохо искал )

[Андрей]

infinite: true - это чтоб слайдер бесконечно прокручивался
centerPadding: '33.33%' - это я сделал чтоб 3 целых слайда помещалось. вам это не нужно

[Андрей]

Web__Nikita03, да айфон поверх слайдера по центру