fouineur
 253 
|  Posté : 22-01-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 |
