Changer une image en texte onmouseover

fedi -  
prosthetiks Messages postés 1309 Statut Membre -
Bonjour,
je veux changer une image en texte en passant la souris dessus!! je sais que c est en javascript mais je suis debutant et j arrive pas a trouver le code !!

merci

1 réponse

  1.
    prosthetiks Messages postés 1309 Statut Membre 431
     
    Hello,

    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>
    0

Discussions similaires

Retrouver l'image originale d'une photo modifiée
Raven -
Asta972155 -

10 réponses