Как скрывать и показывать изображения на мобильных устройствах и ПК

Поддержка
1

В посте 10 изображений.

Как скрыть первые 5 изображений на мобильных устройствах (оставив их видимыми на десктопе)?

Как скрыть последние 5 изображений на десктопе (оставив их видимыми на мобильных)?

Есть ли разумное решение на HTML и CSS для выполнения вышеуказанного?

Большое спасибо экспертам Discourse.

2

Привет,

Я думаю, самый надёжный способ — обернуть изображения.

[wrap="hide-mobile"]
... первые пять изображений
[/wrap]

[wrap="hide-desktop"]
... последние пять изображений.
[/wrap]

Затем CSS:

Во вкладке «Мобильные устройства»:

[data-wrap="hide-mobile"] {
    display: none;
}

Во вкладке «Десктоп»:

[data-wrap="hide-desktop"] {
    display: none;
}

Что ты думаешь?