Sujet Précédent Sujet Suivant

Image agrandi survol souris

Fermé
nico131 Messages postés 105 Date d'inscription mardi 5 septembre 2006 Statut Membre Dernière intervention 9 décembre 2015 - 10 déc. 2007 à 18:07
 grenuts - 20 oct. 2008 à 18:05
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
A voir également:

7 réponses

Réponse 1 / 7
Christounet Messages postés 1264 Date d'inscription mercredi 26 septembre 2007 Statut Membre Dernière intervention 29 juillet 2010 1 386
11 déc. 2007 à 17:03
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
1
Réponse 2 / 7
nico131 Messages postés 105 Date d'inscription mardi 5 septembre 2006 Statut Membre Dernière intervention 9 décembre 2015 2
12 déc. 2007 à 16:04
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
1
Réponse 3 / 7
nico131 Messages postés 105 Date d'inscription mardi 5 septembre 2006 Statut Membre Dernière intervention 9 décembre 2015 2
12 déc. 2007 à 16:07
oups je me suis trompe en envoyant le lien, Mais merci de ton aide j'ai trouve comme il fallait merci bien

a bientot
1
Réponse 4 / 7
nico131 Messages postés 105 Date d'inscription mardi 5 septembre 2006 Statut Membre Dernière intervention 9 décembre 2015 2
12 déc. 2007 à 14: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?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 7
Christounet Messages postés 1264 Date d'inscription mercredi 26 septembre 2007 Statut Membre Dernière intervention 29 juillet 2010 1 386
12 déc. 2007 à 15:50
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
0
Réponse 6 / 7
Christounet Messages postés 1264 Date d'inscription mercredi 26 septembre 2007 Statut Membre Dernière intervention 29 juillet 2010 1 386
12 déc. 2007 à 16:25
Bonjour,

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

Merci

A plus
0
Réponse 7 / 7
grenuts
20 oct. 2008 à 18:05
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
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
j'ai perdu la clé usb de la souris sans fils
enimarix -
titou337 -

1 réponse
Comment enlever le rouge sur la photo svp ?
lucas0909 -
bazfile -

11 réponses