11540 sujets

JavaScript, DOM et API Web HTML5

Insérer un lien / Images aléatoires [Résolu]

Bonjour à tous,

J'ai cette petite ligne de code qui fonctionne et m'affiche une image aléatoire à chaque raffraichissement de page.
Je n'arrive pas à y coller un lien <a href="#">...</a href> qui permettrait de renvoyer à la page d'accueil à chaque clic.
Une idée?
Je débute et serais ravie d'avoir un peu d'aide Smiley cligne
Merci



   <li class= "logo">
            <script>
				ima(5)
				document.write("<img src='images/logos/" + nombre + ".png' width='200'  alt='Image au hazard'>");
				
	</script>
     </li class= "logo">

Modifié par Sidjay_88 (12 Aug 2014 - 13:12)
Bonjour et bienvenue sur le forum Smiley smile

Il suffit tout simplement d'encapsuler ton image dans un lien hypertexte, par exemple en procédant comme suit :
document.write('<a href="#"><img src="images/logos/"' + nombre + '.png" width="200"  alt="Image au hazard"></a>');

Au passage, ton texte alternatif n'est pas des plus pertinents Smiley cligne
Modifié par audrasjb (10 Aug 2014 - 23:21)
Merci beaucoup de ta réponse.
Ca marche... presque!

Le lien <a href> fonctionne mais désormais lorsque je charge la page, l'image est manquante (cadre noir avec petit point d'interrogation bleu).
Pourtant, mes 5 fichiers png sont au bon endroit ( images / logos) et se nomment 1.png, 2.png, etc.
Je ne l'ai pas touché...

Savez vous pourquoi les images ne s'affiche plus? Merci Smiley smile
Hello,

J'avais fait une petite erreur de concaténation dans le script JS. Faut enlever le double quote " qui se trouvait juste après images/logos/. Voici :
document.write('<a href="#"><img src="images/logos/' + nombre + '.png" width="200"  alt="Image au hazard"></a>');
Sujet clos
Aller à