Afficher une image après avoir cliquer sur un lien

Fermé

Laura - 17 mai 2015 à 16:07
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 19 mai 2015 à 16:37

Bonjour,
j'ai besoin d'un petit coups de main. J'ai réalisé une page html avec du texte et à la fin de mon texte je voudrais proposer un lien qui effacerais le texte lu et afficherai 2 à 3 images comportant chacune un url de redirection pour poursuivre la lecture.

voici le code que j'ai fais, je début en javascript, d'où le fait que je galère pour ça, mais j'ai pas trouvé de meilleure solution adaptée:

<script src="js/jquery-1.11.3.min.js"></script>
<script>

$(document).ready(function(){

console.log('ok');

$("#question").click(function(e){
console.log('click');
$("#letexte").hide();

});

});

function viewImage(id) {
document.getElementById(id).innerHTML="<img src='img/nomdemonimage.png'>";
}

</script>

Merci d'avance

A voir également:

Afficher une image après avoir cliquer sur un lien
Créer un lien pour partager des photos - Guide
Lien url - Guide
Verifier un lien - Guide
Image iso - Guide
Comment agrandir une image - Guide

1 réponse

Réponse 1 / 1

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
19 mai 2015 à 16:37

Salut

tu fais
html

<div id="texte">ton texte</div>
<div id="image">tes images img src</div>

css

#image {display:none;}

jquery

$(document).ready(function(){ 
$("#texte").click(function(){
$("#texte").hide(300);
$("#image").show(300);
})
})

voila c'est simple

Discussions similaires

"Aucune application permettant d'ouvrir cette URL"

Rajout de lien sur plusieurs pages

Téléchargement sur "Libre office"

Impossible d'ouvrir des liens via mon Samsung A71