Интересная реализация слайдера?

Question

[RussianMan]

Приветствую товарищи!
На glide.js есть слайдер. В слайдере картинка, на картинке слева изображен ipad с скриншотом, справа от планшета изображен блок с текстом описывающим скриншотм.
Как работает сейчас: меняется картинка на которой всё это изображено.
Как хочет заказчик: Планшет остается на месте, внутри него перелистываюстя скриншоты, вместе со скриншотами меняется текстовый блок рядом с планшетом.
Это возможно сделать?
Если да то как?
Спасибо!

Comments

[RussianMan]

UPD, чтобы избежать непонимания: я взял свой первый заказ, всё сверстал и в последний момент оказалось что нужно именно это так вот изысканно реализовать. если бы я заранее знал о этом моменте, то не полез бы. Обстоятельства же не позволяют мне сказать "Пшел нафиг, дорогой мой". Единстенный выход который я увидел -попросить помощи у хабрасообщества, кто что может подсказать или возможно уже сталкивался с нечто подобным.

Answer 1

[xsash]

Как вариант, берем див, фоном вставляем картинку ipad с пустым экраном, потом 2 дива, в один картинку, во второй текст, позиционируем, наприме

<div class="bg-ipad">
    <div class="slide-1">
        <div class="screen-ipad"><img src="" title="" alt="" /></div>
        <div class="text">text</div>
    </div>
    <div class="slide-2">
        <div class="screen-ipad"><img src="" title="" alt="" /></div>
        <div class="text">text</div>
    </div>
</div>

Конкретно с этим слайдером я не работал, в большинстве своем те, которые видел работают с одним из контейнеров, куда можно уже поместить все что угодно

Answer 2

[Петруша Укропов]

Как хочет заказчик

Вы взяли заказ, хотите чтобы хабр сделал а вы получили оплату?

Comments

[RussianMan]

я взял свой первый заказ, всё сверстал и в последний момент оказалось что нужно именно это так вот изысканно реализовать. если бы я заранее знал о этом моменте, то не полез бы. Обстоятельства же не позволяют мне сказать "Пшел нафиг, дорогой мой". Единстенный выход который я увидел -попросить помощи у хабрасообщества, кто что может подсказать или возможно уже сталкивался с нечто подобным.

Answer 3

[ozoned]

Кладете слайдер в див-айпад, там и листается. Текст меняется отдельно, меняется по событию afterTransition, можно вытаскивать его даже из текущего слайда.

Comments

[RussianMan]

спасибо, попробую реализовать