Bonsoir, nous avons un site web  www.portrait-dessin.com consacré à la peinture et aux portraits dans lequel il y a des galeries d'images (exemple onglet "aquarelles") . J'ai trouvé sur le net un code pour faire des zoom d'images (avec la propriété expand) qui fonctionne bien mais que je souhaiterais améliorer :

1- en ayant lors de l'agrandissement un fond identique au background de la page ou au moins opaque (qu'on ne voit pas ou très peu les autres images non zoomées).

2- que lorsqu'on ferme une image le curseur ne remonte pas automatiquement en haut de page comme c'est le cas actuellement.

D'avance Merci pour conseils.

Güler et Benoît

Bonjour,

Je ne pense pas que tu puisses régler le problème n°1 avec :target.

Pour le problème n°2 il suffit de faire ça :

<div class="miniature-verticale-075" id="miniature-verticale-075" title="A VENDRE / paysan de Valbonnais : aquarelle">
  <div id="image075-053" class="image-lightbox">
    <span class="close"><a href="#miniature-verticale-075">X</a></span>
    <img src="images-portraits-couleur/paysan-valbonnais.jpg" alt="portrait dessin">
    <a class="expand" href="#image075-053"></a>
  </div>
</div>		

Tu dois ajouter un id du même nom que la class dans ta div englobante.

Et tu dois faire pointer les liens de ta span class="close" vers cette ancre ( id ) que tu viens d'ajouter. En gros tu dois ajouter après le # le nom de l'id de la div englobante.

-
Edité par mootookoi 24 septembre 2018 à 8:23:57