Exercice HTML: Choix d'Image
Rédigé par GC Team, Publié le 12 Janvier 2012, Mise à jour le Jeudi, 15 Décembre 2022 19:34![](/images/thumb/147/default.png)
Participez au vote ☆☆☆☆☆★★★★★
Créer le code qui permet de réaliser lce qui suit :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<html> <head> <script language ="JavaScript"> function afficheImage(saison){ switch (saison) { case 'printemps' : document.images[0].src = "photo_printemps.jpg" break case 'ete' : document.images[0].src = "photo_ete.jpg" break case 'hiver' : document.images[0].src = "photo_hiver.jpg" break case 'automne' : document.images[0].src = "photo_automne.jpg" break default : document.images[0].src = "photo_vide.jpg" } } </script> </head> <body> <center> <A href="javascript:afficheImage('printemps')"> cliquer ici pour voir une image printemps </A><br> <A href="javascript:afficheImage('ete')"> cliquer ici pour voir une image ete </A><br> <A href="javascript:afficheImage('automne')"> cliquer ici pour voir une image automne </A><br> <A href="javascript:afficheImage('hiver')"> cliquer ici pour voir une image hiver </A><br> <A href="javascript:afficheImage('vide')"> cliquer ici pour voir une photo vide </A><br> <IMG SRC="photo_vide.jpg"> </center> </body> </html> |