Onmouseout et onmouseover
MathildeS
-
prosthetiks Messages postés 1189 Date d'inscription Statut Membre Dernière intervention -
prosthetiks Messages postés 1189 Date d'inscription Statut Membre Dernière intervention -
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:
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>
