Rechercher : dans
Par :

Image agrandi survol souris

Dernière réponse le 20 oct 2008 à 18:05:20 nico131, le 10 déc 2007 à 18:07:31 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Firefox 2.0.0.11

1

Christounet, le 11 déc 2007 à 17:03:40
  • +1

Bonjour,

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

Répondre à Christounet

2

nico131, le 12 déc 2007 à 14:56:56

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?

Répondre à nico131

3

Christounet, le 12 déc 2007 à 15:50:18

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

Répondre à Christounet

4

nico131, le 12 déc 2007 à 16:04:51
  • +2

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

Répondre à nico131

5

nico131, le 12 déc 2007 à 16:07:13
  • +1

Oups je me suis trompe en envoyant le lien, Mais merci de ton aide j'ai trouve comme il fallait merci bien

a bientot

Répondre à nico131

6

Christounet, le 12 déc 2007 à 16:25:32

Bonjour,

De rien, n'oulie pas de cocher "Problème résolu" si ton problème est résolu.

Merci

A plus

Répondre à Christounet

7

 grenuts, le 20 oct 2008 à 18:05:20

Pourrais-tu me dire comment tu as fait pour passer ton image au premier s'il te plait je suis dans la même galère que celle dans laquelle tu étais?

Merci d'avance

Répondre à grenuts