Как мне, как верстальщику нужно подготавливать слайдеры?

Question

[Дмитрий Афанасьев]

Я вот верстаю сайт а там слайдеры, и каждый слайдер разный, как-то статичный а какой то я так понял будет меняться.
Вот у меня возник вопрос:
Какие мои обязанности как верстальщика/фронтендера сделать слайдер, что я должен сделать в макете и в js что-бы команда со стороны бекенда не ругался ?

Интересно как это в команде происходит расскажите пожалуйста.

Comments

[Moskus]

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

[Дмитрий Афанасьев]

Проблема в том что я не знаю кто будет с этим в дальнейшем работать.

[snap44]

Тебе сейчас умные дядьки накидают умных слов. Но если доступно простым языком – твой слайдер не должен сломаться если в разметку добавят новый слайд.

[Дмитрий Афанасьев]

snap44, ну как бы все это и пишут. Но все же спасибо буду учить как делать так чтобы не ломались =)

Answer 1

[xmoonlight]

Командой нужно создать и согласовать API для обмена данными между фронтом и бэком.

Comments

[Дмитрий Афанасьев]

если нет ни какого APi тогда ?

[xmoonlight]

Дмитрий Афанасьев, тогда очень всё плохо и его надо делать.
Виджеты (а слайдер - это виджет) тянут данные обычно через AJAX-запросы к бэку. Т.е. на бэке - должны просто дать вашему слайдеру нужный JSON со всеми параметрами: урлами картинок, стартовая/выбранная, тип, скорость и направление ротации, и т.д. (по ajax-запросу)
А вы уже на основе этих данных инициализируете виджет и запускаете (в данном случае - ротацию изображений по таймеру).

[Дмитрий Афанасьев]

xmoonlight, понятно спасибо!

Answer 2

[DimaDolgoter]

ну смотри. как я делал для натяжки на вп.
<img src="<?php код вывода пути картиинки ?>"> - это если картинки в слайдере

<div style="background-image:url('<?php  код вывода пути картиинки   ?> ')"> </div>

-это если картинка задается фоном

Comments

[Дмитрий Афанасьев]

а если там отзывы а не слайдер то на wp как сдлать ?

[Сергей Горячев]

Дмитрий Афанасьев,

<div style="background-image:url('<?php  код вывода пути картиинки   ?> ')">
<p class="reviews__name"><?php  код вывода имени автора отзыва   ?></p>
<p class="reviews__text"><?php  код вывода текста отзыва   ?></p>
</div>