2010-04-10 3 views
0

Pourquoi pas ce morceau d'images de swap de code sur la souris sur comme prévu ?:question JavaScript - événement onMouseOver

<a href="#" onMouseOver=" 
if (document.the_image.src == '01.jpg') 
{ 
    document.the_image.src = '02.jpg'; 
} 
else if (document.the_image.src == '02.jpg') 
{ 
    document.the_image.src = '03.jpg'; 
} 
else 
{ 
    document.the_image.src = '01.jpg'; 
} 
"> 
Some image</a><br> 
+0

pouvez-vous poster le code? – Jonathan

+0

Quelle est la propriété 'the_image' de l'objet document? – z33m

+0

Jonathan, j'ai essayé d'afficher la totalité du code, mais j'ai continué à recevoir ce message sur le site: "Oups! Votre question n'a pas pu être soumise parce que: nous sommes désolés, mais comme un mécanisme de prévention du spam , Les nouveaux utilisateurs ne sont pas autorisés sur affiche postée. Il vous faut 10 réputation pour publier les images. " –

Répondre

1

Très probablement dans le rendu HTML, la source d'image est une URL absolue, donc le src est probablement "http://mydomain.com/01.jpg"

pour tester cela, essayez de régler une alerte () dans votre code pour voir ce que la valeur src réelle est

Vous devriez probablement aussi mettre ce code dans une fonction, c'est beaucoup de javascript pour mettre en ligne HTML.

+0

+1 pour la solution et pour travailler à Hawai. J'aurais aimé y être :-) –

+0

@claudio - lol, merci je ne peux pas me plaindre;) – jaywon

+0

jaywon, tes commentaires me font beaucoup de sens. Merci beaucoup. –

1

En complément de la réponse @jaywon, si cela est le cas, vous pouvez l'utiliser pour vous assurer qu'il correspond bien à l'URL absolue ou relative.

if (document.the_image.src.indexOf('01.jpg') > 0) { 
... 
} 
+0

+1 bonne suggestion! – jaywon

0

Enfin, j'ai compris comment publier le code complet. Merci beaucoup !:

<HTML> 
<head> 

<title></title> 
<script language="javascript"> 
    var name = prompt('What is your name?', ''); 
    document.writeln('Welcome, ' + name + '.'); 
</script> 
</head> 


<body> 

<a href="#" onMouseOver=" 
    if (document.the_image.src == '01.jpg') 
    { 
     document.the_image.src = '02.jpg'; 
    } 
    else if (document.the_image.src == '02.jpg') 
    { 
     document.the_image.src = '03.jpg'; 
    } 
    else 
    { 
     document.the_image.src = '01.jpg'; 
    } 
    "> 
<img src="01.jpg" name="the_image"></a><br> 


</body> 

</HTML> 
+0

avez-vous essayé aucune des suggestions? – jaywon

Questions connexes