Mouseover funktioniert nicht.
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Ich hab jetzt ein wenig herumprobiert.
Warum wird nur eine leere Seite anzgezeigt?
<script language=\"JavaScript\"> <!-- button1_a= new Image(); button1_a.src = \"Startseitenormal.png\" button1_b= new Image(); button1_b.src = \"Startseite.png\" button2_a= new Image(); button2_a.src = \"Forumnormal.png\" button2_b= new Image(); button2_b.src = \"Forum.png\" button3_a= new Image(); button3_a.src = \"Blognormal.png\" button3_b= new Image(); button3_b.src = \"Blog.png\" button4_a= new Image(); button4_a.src = \"Aboutnormal.png\" button4_b= new Image(); button4_b.src = \"About.png\" //--> </script> </head> <body> <a href=\"test.htm\" onmouseover=\"austausch1.src=\'Starseite.png\';\" onmouseout=\"austausch1.src=\'Startseitenormal.png\'\"> <img src=\"Startseitenormal.png\" border=\"0\" width=\"150\" height=\"30\" name=\"austausch1\"></a> <a href=\"test.htm\" onmouseover=\"austausch2.src=\'Forum.png\';\" onmouseout=\"austausch2.src=\'Forumnormal.png\'\"> <img src=\"Forumnormal.png\" border=\"0\" width=\"150\" height=\"30\" name=\"austausch2\"></a> <a href=\"test.htm\" onmouseover=\"austausch3.src=\'Blog.png\';\" onmouseout=\"austausch3.src=\'Blognormal.png\'\"> <img src=\"Blognormal.png\" border=\"0\" width=\"150\" height=\"30\" name=\"austausch3\"></a> <a href=\"test.htm\" onmouseover=\"austausch4.src=\'About.png\';\" onmouseout=\"austausch4.src=\'Aboutnormal.png\'\"> <img src=\"Aboutnormal.png\" border=\"0\" width=\"150\" height=\"30\" name=\"austausch4\"></a>
Beitrag geändert: 10.7.2008 19:49:25 von computerfuzzi
Beitrag geändert: 10.7.2008 20:28:30 von computerfuzzi -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
wtf o_O
da wird nichts angezeigt?
wieso, es werden doch 4 nicht-geladene bilder angeizeigt..
und ich blicke bei dem quelltext garnicht durch, hätte das alles gaaanz anders gemacht:
<img src=\"forum.png\" id=\"forum\" onmouseover=\'forum(1)\' onmouseout=\'forum(2)\'>
<script>
function forum(a){
if (a == 1) {
document.getElementById( \"forum\" ).src = \"startseite.png\";
}
if (a == 2) {
document.getElementById( \"forum\" ).src = \"forum.png\";
}
}
</script>
so geht das!
is nur ein beispiel aber ich denke das kannst du deinen wünschen anpassen
-
pascalbir123 schrieb:
<img src=\\\'forum.png\\\' id=\\\'forum\\\' onmouseover=\\\'forum(1)\\\' onmouseout=\\\'forum(2)\\\'>
<script>
function forum(a){
if (a == 1) {
document.getElementById( \\\'forum\\\' ).src = \\\'startseite.png\\\';
}
if (a == 2) {
document.getElementById( \\\'forum\\\' ).src = \\\'forum.png\\\';
}
}
</script>
so geht das!
is nur ein beispiel aber ich denke das kannst du deinen wünschen anpassen
Komisch ich blick bei dir nicht durch.
Wie binde ich die mouseover-Bilder in den HTML-Code ein? -
überall dort wo steht: \"forum.png\" -> das ist das bild, wenn die maus NICHT drüber ist \" \" \" \" \"startseite.png\" ->dasistdasbild, \" \" \" ______ \" \"
Beitrag geändert: 10.7.2008 20:56:05 von pascalbir123
Beitrag geändert: 10.7.2008 20:56:26 von pascalbir123 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
