Image agrandi survol souris premier plan html
grenuts
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
voila mon problème : j'ai réalisé un site afin de mettre mes photos de soirées avec mes potes. J'ai réussi à faire en sorte que lorsque la souris survol une photo vignette celle-ci s'agrandisse avec le code ci-dessous. Le seul truc c'est que lorsque l'image s'agrandi elle décale toutes les autres.
<head>
<script>
function agrandirimage(name)
{
name.height = "300";
name.width = "400";
}
function reduireimage(name)
{
name.height = "150";
name.width = "200";
}
-->
</script>
</head>
<body>
<img src="001.jpg" id="image1" height="150" width="200" onmouseover="agrandirimage(image1)" Onmouseout="reduireimage(image1)" width="100" />
<img src="002.jpg" id="image2" height="150" width="200" onmouseover="agrandirimage(image2)" Onmouseout="reduireimage(image2)" width="100" />
</body>
Pourriez vous me dire comment faire ne sorte que l'image survolée se retrouve au premier et cache ainsi les autres images qui sont les unes à côtés des autres.
Merci beaucoup
voila mon problème : j'ai réalisé un site afin de mettre mes photos de soirées avec mes potes. J'ai réussi à faire en sorte que lorsque la souris survol une photo vignette celle-ci s'agrandisse avec le code ci-dessous. Le seul truc c'est que lorsque l'image s'agrandi elle décale toutes les autres.
<head>
<script>
function agrandirimage(name)
{
name.height = "300";
name.width = "400";
}
function reduireimage(name)
{
name.height = "150";
name.width = "200";
}
-->
</script>
</head>
<body>
<img src="001.jpg" id="image1" height="150" width="200" onmouseover="agrandirimage(image1)" Onmouseout="reduireimage(image1)" width="100" />
<img src="002.jpg" id="image2" height="150" width="200" onmouseover="agrandirimage(image2)" Onmouseout="reduireimage(image2)" width="100" />
</body>
Pourriez vous me dire comment faire ne sorte que l'image survolée se retrouve au premier et cache ainsi les autres images qui sont les unes à côtés des autres.
Merci beaucoup
A voir également:
- Image agrandi survol souris premier plan html
- Comment activer le pavé tactile sans souris - Guide
- Editeur html - Télécharger - HTML
- Comment agrandir une image - Guide
- Image iso - Guide
- Arrière plan - Guide