Image change quand on clique sur un lien HTML / CSS
Fhocus
Messages postés
54
Statut
Membre
-
Fhocus Messages postés 54 Statut Membre -
Fhocus Messages postés 54 Statut Membre -
Bonjour, je suis en train de créer un générateur online enfin peut importe j'aimerais savoir comment : dès qu'on clique sur un lien l'image qui est a droite du site change, dès qu'on clique sur un autre lien, l'image change encore et ainsi de suite. Il me faudrait le code html / css. Merci d'avance
2 réponses
-
-
Bonsoir,
Voici l'une des nombreuses possibilités:
<div style="float: right"> <img id="monImage" src="http://lorempixel.com/400/400/?default"/> </div> <a href="#" alt="link1" data-img="http://lorempixel.com/400/400/?1" class="imgLinked">Link 1</a> <a href="#" alt="link1" data-img="http://lorempixel.com/400/400/?2" class="imgLinked">Link 2</a> <a href="#" alt="link1" data-img="http://lorempixel.com/400/400/?3" class="imgLinked">Link 3</a> <a href="#" alt="link1" data-img="http://lorempixel.com/400/400/?4" class="imgLinked">Link 4</a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script> $('.imgLinked').click(function(){ var img = $(this).data('img'); $('#monImage').attr('src',img); }); </script>
