[js] image et vidéo grâce à un menu

Fermé
Tralala8 Messages postés 120 Date d'inscription mercredi 17 août 2011 Statut Membre Dernière intervention 12 février 2013 - Modifié par Tralala8 le 20/08/2011 à 00:11
Bonjour,

J'ai un petit soucis dans mon code. Je ne connais pas beaucoup le javascript.

<script type="text/javascript">   
 function video(num)   
 {   
         var video = document.getElementByName("Video").getElementsByTagName("a");   
         var image = document.getElementByName("Video");   

  switch(num)   
  {   
   case 1 : video.href="video1.avi";   
     image.className="Vidéo1";   
     break;   
   case 2 : video.href="video2.avi";   
     image.className="Vidéo2";   
     break;   
  }   
 }   
</script>   

<div class="Vidéo" name="Video">   
 <a href="video1.avi" class="zoombox" onMouseOver="video.src='Images/Play hover.png'" onMouseOut="video.src='Images/Play.png'"><img src="Images/Play.png" name="video" width="100%" height="100%"></a>   
</div>   

<div class="Menu_Vidéo" align="center">   
 <a href="" onClick="javascript:video(1);">Vidéo 1</a><br><br>   
 <a href="" onClick="javascript:video(2);">Vidéo 2</a>   
</div>   


En fait, via le "Menu_Vidéo", j'aimerais afficher une image qui diffère selon le lien sur lequel a cliqué un utilisateur. La vidéo en relation avec cette image s'ouvrira dans une zoombox lors du clic sur cette image. Seulement, rien ne change sur ma page. Je ne sais pas quoi faire. Pouvez-vous m'aider ?

D'avance merci.