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
Verifier un lien - Guide
Lien url - Guide
Créer un lien pour partager des photos - Guide
Image iso - Guide
Lien copié - Forum Téléphones & tablettes Android

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 738
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

Retrouver l'image originale après avoir fait des modifications ?

"Aucune application permettant d'ouvrir cette URL"

programme qui n'affiche pas le mot secret

lien copié

Rajout de lien sur plusieurs pages

Discussions similaires

Newsletters