So verstecken und anzeigen Sie Bilder auf Mobilgeräten und Desktop

Unterstützung
1

In einem Beitrag gibt es 10 Bilder.

Die ersten 5 Bilder, wie man sie auf Mobilgeräten ausblendet (aber auf Desktops anzeigt).

Die letzten 5 Bilder, wie man sie auf Desktops ausblendet (aber auf Mobilgeräten anzeigt).

Gibt es ein vernünftiges HTML und CSS, um das oben zu tun?

Vielen Dank, Discourse-Experten.

2

Hallo,

Ich denke, der zuverlässigste Weg ist, die Bilder zu verpacken.

[wrap="hide-mobile"]
... erste fünf Bilder
[/wrap]

[wrap="hide-desktop"]
... letzte fünf Bilder.
[/wrap]

Dann das CSS:

Im Mobile-Tab:

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

Im Desktop-Tab:

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

Was meinst du?

7 „Gefällt mir“