Image change quand on clique sur un lien HTML / CSS
Fermé
Fhocus
Messages postés
36
Date d'inscription
samedi 27 décembre 2014
Statut
Membre
Dernière intervention
11 mars 2015
-
27 déc. 2014 à 17:46
Fhocus Messages postés 36 Date d'inscription samedi 27 décembre 2014 Statut Membre Dernière intervention 11 mars 2015 - 28 déc. 2014 à 12:43
Fhocus Messages postés 36 Date d'inscription samedi 27 décembre 2014 Statut Membre Dernière intervention 11 mars 2015 - 28 déc. 2014 à 12:43
A voir également:
- Image change quand on clique sur un lien HTML / CSS
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verifier un lien - Guide
- Image iso - Guide
- Editeur html - Télécharger - HTML
2 réponses
Fhocus
Messages postés
36
Date d'inscription
samedi 27 décembre 2014
Statut
Membre
Dernière intervention
11 mars 2015
2
28 déc. 2014 à 12:43
28 déc. 2014 à 12:43
Je te remercie :)
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>
