A voir également:
- Changer une image en texte onmouseover
- Changer dns - Guide
- Extraire texte d'une image - Guide
- Changer clavier qwerty en azerty - Guide
- Transcription audio en texte word gratuit - Guide
- Insérer une image dans word sans bouger le texte - Guide
1 réponse
Hello,
Tu peux le faire en CSS de la façon suivante:
Tu peux le faire en CSS de la façon suivante:
<html>
<head>
<title></title>
<style type="text/css">
.container{
width: 300px;
height: 300px;
float: left;
background-color: #ccc;
}
.container .text{
display: none;
}
.container:hover .text{
display: block;
}
.container:hover .image{
display: none;
}
</style>
</head>
<body>
<div class="container">
<div class="image">
<img src="http://lorempixel.com/300/300/food">
</div>
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="container">
<div class="image">
<img src="http://lorempixel.com/300/300/people">
</div>
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</body>
</html>
