Image change quand on clique sur un lien HTML / CSS
Fhocus
Messages postés
36
Date d'inscription
Statut
Membre
Dernière intervention
-
Fhocus Messages postés 36 Date d'inscription Statut Membre Dernière intervention -
Fhocus Messages postés 36 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Image change quand on clique sur un lien HTML / CSS
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Change dns - Guide
- Verificateur de lien - Guide
- Editeur html - Télécharger - HTML
2 réponses
Bonsoir,
Voici l'une des nombreuses possibilités:
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>
