Le code ne fonctionne pas comme prévu

Question

Salut les gars, je pense que j'ai besoin d'un nouvel ensemble d'yeux pour m'aider à regarder mon code qui ne fonctionne pas comme prévu. Désolé pour la facilité relative de la question mais je ne code pas vraiment en Javascript. Quoi qu'il en soit:

Fondamentalement, ce que j'essaie de faire est de faire passer l'image à une version inversée sur la souris. Jusqu'à présent, je ne fais que tester l'image avec l'identifiant "crew1". Voici le code:

<script type="text/javascript"> 
function imageChange(oldID) { 
    var a = "http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder_new.jpg"; 
    var b = "http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder_new.jpg"; 
    var c = "http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder_new.jpg"; 
    var d = "http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder_new.jpg"; 
    switch(oldID) { 
     case "crew1": 
      document.getElementById(oldID).src=a; 
      break; 
     case "crew2": 
      document.getElementById(oldID).src=b; 
      break; 
     case "crew3": 
      document.getElementById(oldID).src=c; 
      break; 
     case "crew4": 
      document.getElementById(oldID).src=d; 
      break; 
    } 
}</script> 

Et le code HTML correspondant est:

<div> 
<img onmouseover="imageChange("crew1")" id="crew1" src="http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder.jpg" alt="Picture of Crew 1" width="224" height="235"> 
<p>Crew 1 character description.</p></div> 

Désolé pour la mauvaise mise en forme, mais pour une raison quelconque la balise de fermeture pour le script et div ne sont pas affichés quand je les mets sur un nouvelle ligne.

Merci d'avance pour l'aide.

Answer 1

Vous avez un problème de devis imbriqué dans votre code HTML. Vous pouvez résoudre ce problème en modifiant le style des guillemets utilisés, car JavaScript et HTML acceptent indifféremment les guillemets simples et doubles. Changer ceci:

<img onmouseover="imageChange("crew1")" ...> 

à ceci:

<img onmouseover="imageChange('crew1')" ...>