Merci pour ta réponse _laurent.
Le remplacement d'image que tu proposes me parait bien mais le souci que je rencontre, c'est que l'image qui doit être remplacée n'est pas systématiquement la même, avec le même nom. Il s'agit des thumbnails des galeries photo de Wordpress.
Dans (presque) chaque article, il y a une galerie différente, avec des noms d'images différents.
Donc, il faut que le code css me permette de ne pas tenir compte du nom.
Pour le moment, j'ai pu faire en sorte d'identifier ces images de la manière suivante :
img[src$="-150x150.jpg"] {}
Mais, je ne sais pas comment dire en css que pour les images que je cible, il faudrait retirer la partie "-150x150".
Ou bien, sachant que le chemin de l'image que je souhaite afficher pour l'impression est indiqué dans le lien appliqué sur la thumbnail, que je puisse remplacer la source de l'image ou le mettre en background (comme tu le suggères) par le href du lien.
<a href="http://xxx.xxx.xx/wp-content/uploads/2019/05/01.jpg" rel="lightbox[6871]"><img width="150" height="150" src="http://xxx.xxx.xx/wp-content/uploads/2019/05/01-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" aria-describedby="gallery-2-6893" srcset="http://xxx.xxx.xx/wp-content/uploads/2019/05/01-150x150.jpg 150w, http://xxx.xxx.xx/wp-content/uploads/2019/05/01-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px"></a>
Il y a bien l'utilisation de cet attribut :
content: " (" attr(href) ")";
Mais, vu que ça concerne le lien, je n'arrive pas à l'appliquer sur le src de l'image...
Modifié par Oneday34 (12 Sep 2019 - 09:08)
