Как реализовать разметку для слайдера?

Question

[Виталик]

Подскажите пожалуйста как в HTML сделать разметку для данного слайдера?
На мобилках в каждом элементе(который пролистывается) 1 картинка

а на больших экранах в каждом элементе уже несколько картинок

Comments

[Ankhena]

В разметке объединяете в одну обертку там где по 2 картинки.
На мобилках задаете этой обертке display: contents.
Осилит ли это слайдер... зависит от слайдера.

Можете объединять не там где 2, а все 6 мелких в одну обертку.

Я бы выбрала первый вариант.

Answer 1

[ForSureN1]

Смотрите какая ситуация получается, к примеру на десктопе 1 слайд имеет 6 фотографий, на макете у нас +- 15 слайдов, соответственно каждый будет иметь так же по 6 фотографий, итого у нас 90 фотографий в слайдере, на мобилке, в 1 слайде будет 1 фотография, соответственно будет 90 слайдов, от dots мы уже отказываемся либо ограничиваем их количество, тогда какой в них смысл, и так у нас 2 варианта, либо мы в мобилке даем display: none, для вторичных фотографий, то есть из 6 фото мы скрываем 5, и оставляем самую главную, либо же в мобилке мы опять же в главную фотографию прячем остальные 5, и с помощью фэнсибокса уже можем продемонстрировать остальные, как то так