---

Forum » » Questions fréquentes » » Agrandir images au clic de la souris

---

Posté : 22 janv. 2013 à 14:36

Ici le principe c'est que vous ayez toujours la même taille d'image sur vos pages.
Au clic de la souris sur l'image vous trouverez la taille d'origine de l'image sans quitter votre page.

1.Ouvrez le fichier themes/votretheme/style/style.css
Mettre ceci en bas de page :

div.popup {
height: 200px;
width: 260px;
}

div.popup > img {
height: 100%;
width: 100%;
cursor: pointer;
}

div.popup > img:active {
height: auto;
width: auto;
position: relative;
border: black solid 1px;
}

enregistrer fermer.
Ici la taille seras de 260 sur 260 rien vous empêche de changer la taille que vosu désirez


2.Dans vos pages , articles, etc.. faite appel comme ceci :

<div class="popup"><img title="clique sur l'image pour agrandir !" src="Votre dossier image/Nom de l'image.jpg" alt="texte_alternatif" /></div>

Quoi déjà fini

Message édité par : fouineur / 25-01-2013 23:41

---

Cet article provient de NPDS
https://www.npds.org/viewtopic.php?topic=25723&forum=28