Как вы делаете адаптивный переход с обычной галереи картинок на сайте на слайдер в мобильном отображении?

Question

[GreenMan1899]

и есть ли best practice для этого?

Answer 1

[Сергей Сунцев]

ну к примеру можно смотреть по разрешению экрана, если window.innerWidth < 700 то показывай один слайдер, иначе другой. А по нормальному надо делать проверку на устройство.

Comments

[GreenMan1899]

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

[Сергей Сунцев]

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

Сейчас во всём мире веба используют js фреймворки или библиотеки, типа ангулара, или реакта, там можно забить размер страницы к состоянию компонента слайдера и рендерить компонент с нужными параметрами.