28172 sujets

CSS et mise en forme, CSS3

:) rollover sur plusieurs images ... javascript vs CSS :(

Bonjour,
j'ai 4 images sur une page Smiley smile j'aimerais que lorsque l'on passe la souris sur l'une d'elle cela "permet de voir celle qui est en-dessous"; ainsi pour la seconde, la troisième et la quatrième.

L'effet désiré, je l'ai trouvé avec Javascript, sauf que .. je préférerais que ce soit du CSS. Et je ne sais pas comment faire pour plusieurs images Smiley decu

Quelqu'un pourrait-il m'aider s'il vous plait. Merci beaucoup.

Voici ci-après le code javascript :


--------------------------------

<html>

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Début
image1 = new Image();
image1.src = "file:///C:/Documents and Settings/susan/Mes documents/Mes sites Web/AbCom/images/Corporate/corporatebis.jpg";
image2 = new Image();
image2.src = "file:///C:/Documents and Settings/susan/Mes documents/Mes sites Web/AbCom/images/pink.jpg";
// Fin -->
</script>
</HEAD>

<!-- Copier les bouton RollOver -->
<!-- dans le corp du document. -->
<BODY>
<a href="corporate.htm" onmouseover="image1.src='file:///C:/Documents and Settings/susan/Mes documents/Mes sites Web/AbCom/images/Corporate/corporatebis.jpg';"
onmouseout="image1.src='file:///C:/Documents and Settings/susan/Mes documents/Mes sites Web/AbCom/images/Corporate/corporate.jpg';">
<img name="image1" src="images/Corporate/corporate.jpg" border=0></a>
<a href="internet.htm" onmouseover="image2.src='file:///C:/Documents and Settings/susan/Mes documents/Mes sites Web/AbCom/images/pink.jpg';"
onmouseout="image2.src='file:///C:/Documents and Settings/susan/Mes documents/Mes sites Web/AbCom/images/Internet/Internet.gif';">
<img name="image2" src="images/Internet/Internet.gif" border=0></a>
</BODY>

</html>
Sujet clos
Aller à