Afficher une image après avoir cliquer sur un lien

Laura -  
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   -
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:

1 réponse

animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
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
0