Onmouseout et onmouseover
MathildeS
-
prosthetiks Messages postés 1309 Statut Membre -
prosthetiks Messages postés 1309 Statut Membre -
Bonjour,
Je suis débutante en programmation et je dois coder une image en rollover pour le site de ma boite.
J'ai une photo de base avec 4 personnes .
Et 4 autre photos avec chacune d'elle une personne au même endroit qui change de posture. J'aimerais faire un système de rollover sur toute les personnes .
Je pense que c'est une histoire de onmouseout et onmouseover ..Pouvez-vous m'éclairez?
Je bosse sous dreamweaver.
Merci de votre aide
Je suis débutante en programmation et je dois coder une image en rollover pour le site de ma boite.
J'ai une photo de base avec 4 personnes .
Et 4 autre photos avec chacune d'elle une personne au même endroit qui change de posture. J'aimerais faire un système de rollover sur toute les personnes .
Je pense que c'est une histoire de onmouseout et onmouseover ..Pouvez-vous m'éclairez?
Je bosse sous dreamweaver.
Merci de votre aide
1 réponse
-
Hello,
voici une des technique:
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<style type="text/css">
#pictures{
display: inline-block;
}
#pictures .hover{
transition: opacity linear .2s;
position: absolute;
}
#pictures .hover:hover{
opacity:0;
}
#pictures img{
}
.clear{
clear: both;
}
</style>
</head>
<body>
<div id="pictures">
<img src="https://starity.hu/images/articles/800x600/erkezik-a-magyar-adokra-is-a-tomorrow-people-04271118.jpg" class="hover"/>
<img src="http://www.businessinsurance.org/wp-content/uploads/2012/03/business-people.jpg" />
<div class="clear"></div>
</div>
</body>
</html>
