|
|
|
|
Voilà, je réactualise mon site actuellement et j'aimerais pouvoir effectuer des zoom sur certaines images mais pas toute. Hors tout ce que je trouve ressemble à cette source (voir en dessous) qui applique le zoom sur toutes mes images de la page (normal vu la prog).
Merci de me répondre j'ai galéré toute la journée et je n'ai rien trouvé encore. Merci d'avance.
source que j'ai:
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
a img {border:none} /* pas d'encadrement des images */
a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
a:hover img {width:300px ; height:216px} /* agrandi les images lors du survol */
</style>
</head>
<body>
<a href="#"><img src="image.jpg" width="200" height="144" alt=""></a>
</body>
</html>
Configuration: Windows XP Internet Explorer 7.0
Tu peux mettre le code dans un fichier CSS ou bien laisser le code dans le HTML :
<style type="text/css">
a img {border:none} /* pas d'encadrement des images */
a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
a:hover img {width:300px ; height:216px} /* agrandi les images lors du survol */
</style>
voici ce que je mettrais : <style type="text/css">
.zoom {
height:400px;
}
.zoom p {
text-align:center;
}
.zoom img {
border:none
}
.zoom img:hover {
border:0px;
width:300px;
height:400px;
}
</style>
puis, prends l'habitude de mettre des <div> : <div class="zoom"> <a href="#"><img src="image.jpg" width="200" height="144" alt=""></a> </div> Ajoute un alt à ton image aussi svp, ce sera plus propre. alt="Mon image" En éspèrant que ça t'aide. A++ la modestie cesse quand on commence à en parler |
En fait à la base je voulais faire comme dans l'exemple avec la voiture de ce site : http://www.xcess.info/izoom/fr/
|
SALUT
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
a img {border:none}
a:hover {border:0px }
.zoom a img {border:none}
.zoom a:hover {border:0px }
.zoom a:hover img {width:300px ; height:216px}
</style>
</head>
<body>
<div class="zoom">
<a href="#"><img src="image.jpg" width="200" height="144" alt=""></a>
</div>
<a href="#"><img src="image.jpg" width="200" height="144" alt=""></a>
</body>
</html>
RAD La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. |
Banque d'image gratuite Bouton css image input Comment découper une image avec photofiltre Css enlever bordure image lien Css image Css image de fond centré Css positionner image Html centrer une image css Image resizer Inserer une image en html Installer apercu imaging Insérer une image à partir d'un scanner sous word 2007 raccourci clavier options word Kamasutra en images Onmouseover css image Photoshop rogner image en rond Pilote win 7 quickcam zoom Popup image en css Réduire la taille d'une image
