Image agrandi survol souris
nico131
Messages postés
112
Statut
Membre
-
grenuts -
grenuts -
Bonjour,
j'aimerais que lorsque la souris passe sur une image elle s'agranidsse.
Pour une image j'y suis arrive! Mais j'arrive pas a utilise le code pour pouvoir le faire sur plusieurs photo dans la meme page
J'utilise le code suivant
entre les balise head
<script type="text/javascript">
<!--
function agrandirimage()
{
image.height="350"
}
function reduireimage()
{
image.height="120"
}
-->
</script>
et entre les balise body la ou ya l'image
<div id="Layer2"><img src="Royal_Canin_Mini_Beauty-16801m.jpg" name="image" height="120" onMouseOver="agrandirimage()" OnMouseOut="reduireimage()" /></div>
Merci de vos reponse
j'aimerais que lorsque la souris passe sur une image elle s'agranidsse.
Pour une image j'y suis arrive! Mais j'arrive pas a utilise le code pour pouvoir le faire sur plusieurs photo dans la meme page
J'utilise le code suivant
entre les balise head
<script type="text/javascript">
<!--
function agrandirimage()
{
image.height="350"
}
function reduireimage()
{
image.height="120"
}
-->
</script>
et entre les balise body la ou ya l'image
<div id="Layer2"><img src="Royal_Canin_Mini_Beauty-16801m.jpg" name="image" height="120" onMouseOver="agrandirimage()" OnMouseOut="reduireimage()" /></div>
Merci de vos reponse
A voir également:
- Image agrandi survol souris
- Comment activer le pavé tactile sans souris - Guide
- Agrandir une image - Guide
- Image iso - Guide
- Souris ordinateur - Guide
- Reduire taille image - Guide
7 réponses
Bonjour,
En fait, le code devrait être le suivant entre <head> et </head>
et le suivant entre <body> et </body>
A plus
En fait, le code devrait être le suivant entre <head> et </head>
<script>
function agrandirimage(name)
{
name.height = "350";
}
function reduireimage(name)
{
name.height = "120";
}
-->
</script>
et le suivant entre <body> et </body>
<div id="Layer2"> <img src="Royal_Canin_Mini_Beauty-16801m.jpg" id="image1" height="20" onmouseover="agrandirimage(image1)" Onmouseout="reduireimage(image1)" width="100" /> </div> <div id="Layer3"> <img src="nom image 2" id="image2" height="20" onmouseover="agrandirimage(image2)" Onmouseout="reduireimage(image2)" width="100" /> </div>
A plus
quand l'image s'agrandit je veux pas que le texte ou les autres photos qui apparait derriere ma photo
Voila l'exemple :
C:\Documents and Settings\HP_Administrateur\Mes documents\site\alimentation.html
Voila l'exemple :
C:\Documents and Settings\HP_Administrateur\Mes documents\site\alimentation.html
oups je me suis trompe en envoyant le lien, Mais merci de ton aide j'ai trouve comme il fallait merci bien
a bientot
a bientot
bonjour
Merci pour ton aide tres détaille, et effectivement avec ce code la ca marche, et je t'en remercie encore.
J'ai une autre question comment faire pour faire apparaitre mes images en premier plan?
Merci pour ton aide tres détaille, et effectivement avec ce code la ca marche, et je t'en remercie encore.
J'ai une autre question comment faire pour faire apparaitre mes images en premier plan?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour Nico131,
Peux-tu être un peu plus précis stp ?
Peux-tu mettre un exemple du code HTML de ta page afin que je comprenne mieux ton problème ?
D'avance merci
A plus
Peux-tu être un peu plus précis stp ?
Peux-tu mettre un exemple du code HTML de ta page afin que je comprenne mieux ton problème ?
D'avance merci
A plus
