Afficher une image après avoir cliquer sur un lien

Laura -  
animostab Messages postés 3003 Statut Membre -
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 3003 Statut Membre 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