Discussion :

[Ushuango]

Bonjour,

je vais chercher des données dans un contenu-flexible qui contient plusieurs champ image.
pour l'instant, j'utilise dans mon rendu twig:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

{% if function('wp_is_mobile') == 1 %}

pour savoir si je suis sur un écran mobile et dans ce cas, afficher une seule image.

Mais lorsque l'écran est assez grand, je voudrais en mettre deux, s'il est encore plus grand 3, ...etc
les tailles collent parfaitement avec les breakpoints de bootstrap.

Je ne sais pas comment faire pour savoir la taille d'écran du support et afficher le nombre d'images en conséquence...!
Je pourrais peut-être aussi charger toutes les images (empilées les unes sur les autres) et "déplier" au fur et à mesure avec les mediaqueries.
Mais je ne sais pas comment les empiler !

[mathieu]

Je pourrais peut-être aussi charger toutes les images (empilées les unes sur les autres) et "déplier" au fur et à mesure avec les mediaqueries.

je pense que cela se fait en passant par du code css, vous n'avez rien à faire de particulier dans le code php.

[Ushuango]

Oui, effectivement , après avoir réfléchi un peu !
mes images sont dans un liste (ul)
le premier élément de la liste ( = première image ) est en display: block; les autres en display: noneet à chaque breakpoint , je met l'élément en block !