Comment masquer et afficher des images sur mobile et ordinateur

Soutien
1

Dans un post, il y a 10 images.

Les 5 premières images, comment les cacher sur mobile (les afficher toujours sur ordinateur).

Les 5 dernières images, comment les cacher sur ordinateur (les afficher toujours sur mobile).

Existe-t-il un HTML et CSS raisonnable pour que je puisse faire ce qui précède ?

Merci beaucoup aux experts de Discourse.

2

Salut,

Je pense que la méthode la plus fiable est d’encapsuler les images.

[wrap="hide-mobile"]
... cinq premières images
[/wrap]

[wrap="hide-desktop"]
...cinq dernières images.
[/wrap]

Ensuite, le CSS :

Dans l’onglet Mobile :

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

Dans l’onglet Desktop :

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

Qu’en penses-tu ?

7 « J'aime »