Code java pour image cliquable me dirige vers page html
sbai1950
Messages postés
66
Statut
Membre
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,je trouve ce code dans comment ca marche, j'ai quatre lien lorsque je clic sur chaque lien s'affiche un photo dans un meme div
je veux savoir comment on java chaque photo me dirige vers un page html
<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>
merci d'avance.
je veux savoir comment on java chaque photo me dirige vers un page html
<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>
merci d'avance.
A voir également:
- Code java pour image cliquable me dirige vers page html
- Code ascii - Guide
- Jeux java itel - Télécharger - Jeux vidéo
- Waptrick java football - Télécharger - Jeux vidéo
- Supprimer page word - Guide
- Code puk bloqué - Guide