Thema: rollover fumzt nicht
Klicke hier, um dich anzumelden
Du kannst aus dieser Liste ein Symbol für deine Nachricht auswählen.
Wenn du diese Option aktivierst, werden URLs automatisch mit BB-Code ergänzt. www.beispiel.de wird zu [URL]http://www.beispiel.de[/URL].
Wenn du möchtest, kannst du dieses Thema bewerten.
Weiss ich doch, dass das Spass war. Vielen Dank für die guten Wünsche. Und für Deine Hilfe.
Nene, ist schon okay. War ja auch nur Spaß. Ich helfe immer gerne. Ich wünsche dir auf jedenfall viel Erfolg mit deiner Geschäftsneueröffnung und wünsche dir außerdem viele angenehm freundliche Kunden.
Viiiiiiiieeeelen herzlichen Dank! Eine Manicüre kann ich Dir gerne machen. Bei dem Abendessen hätte mein Verlobter was dagegen Ausserdem würde Dir das bestimmt keinen Spass machen, weil ich ganz komische Sachen essen würde. Schwangere eben Und ich glaub, ich wär Dir auch zu alt, mit 26, oder?
Guten Abend! Habs heute Abend mal schnell geschrieben. Eigendlich ist der Code selbsterklärend. Wenn du hilfe bei der Modifikation brauchst, kannste dich ja gerne nochmal melden. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <script type="text/javascript"> var normalbild = new Array(); var hoverbild = new Array(); normalbild[0] = "0.jpg"; normalbild[1] = "1.jpg"; normalbild[2] = "2.jpg"; hoverbild[0] = "0h.jpg"; hoverbild[1] = "1h.jpg"; hoverbild[2] = "2h.jpg"; function c1 (i) { document.getElementById("bild_"+i).src = hoverbild[i]; } function c2 (i) { document.getElementById("bild_"+i).src = normalbild[i]; } </script> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> </head> <body> <img id="bild_0" src="0.jpg" onMouseOver="c1(0);" onMouseOut="c2(0);" /> <img id="bild_1" src="1.jpg" onMouseOver="c1(1);" onMouseOut="c2(1);" /> <img id="bild_2" src="2.jpg" onMouseOver="c1(2);" onMouseOut="c2(2);" /> </body> </html> So, kommen wir nun zur Bezahlung. Also, ich bin 23, gutausehend, Student, 187 cm und würde gerne ne Einladung zum Abendessen oder ne Maniküre haben )
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <script type="text/javascript"> var normalbild = new Array(); var hoverbild = new Array(); normalbild[0] = "0.jpg"; normalbild[1] = "1.jpg"; normalbild[2] = "2.jpg"; hoverbild[0] = "0h.jpg"; hoverbild[1] = "1h.jpg"; hoverbild[2] = "2h.jpg"; function c1 (i) { document.getElementById("bild_"+i).src = hoverbild[i]; } function c2 (i) { document.getElementById("bild_"+i).src = normalbild[i]; } </script> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> </head> <body> <img id="bild_0" src="0.jpg" onMouseOver="c1(0);" onMouseOut="c2(0);" /> <img id="bild_1" src="1.jpg" onMouseOver="c1(1);" onMouseOut="c2(1);" /> <img id="bild_2" src="2.jpg" onMouseOver="c1(2);" onMouseOut="c2(2);" /> </body> </html>
array? Sorry, keine Ahnung was das ist. Ich bin da nicht so belehrt wie Du. Also wenn Du wirklich Zeit und Lust hast, wär das ganz ganz lieb. Aber wirklich nur, wenn ich Dir dadurch Deine Zeit nicht nehme. Vielen Dank!
Ist ja auch logisch, die funktionen brauchst du pro button. also wenn du es nach meiner vorlage machen wölltest, bräuchtest du für jedes button 2 funktionen. das ist nicht umbedingt schlau ... zugegeben. Ich hatte das ja auch nur so ausführlich gemacht um die Fuktionsweise zu demonstrieren. Wenn mann das ganze jetzt effizient lösen will, würde ich nen array anlegen, dort die bildernamen reinspeichern und 2 Funktionen für alle buttons schreiben. in diesem onMouseOver Teil müsste man dan halt logischweise einen parameter übergeben, welcher button gemeint ist, der geändert werden soll. Wenn du dich nicht in der lage fühlst das selber zu schreiben... wegen array und so, kann ich dir heute abend mal nen mini skript schreiben. wird aber wirklich erst gegen abend muss jetzt aber erstmal auf arbeit und mit meinem nebenjob fröhnen.
Dankeschön. Leider will das auch irgendwie nicht klappen. Wenn ich das bei einem Button änder, dann macht er es. Aber sobald ich das beim zweiten Button auch geändert hab, beim ersten Button, das Bild für den zweiten angezeigt. Und der zweite Button hat gar keinen Rollover-effekt. Hier der Link zu der Testseite: LINK Der erste Button sollte eigentlich "Starsteite" sein.
Am besten die ganze Sofware (Adobe ...) wegschmeißen und die Webseite selber im Texeditor schreiben. Hier ein funktionierender Code. Habe ihn Extra etwas ausführlicher gestaltet, weil man da wenigst sieht was abgeht: Code: <script type="text/javascript"> function b1 () { document.getElementById("bild").src = "2.jpg"; } function b2 () { document.getElementById("bild").src = "1.jpg"; } </script> <html> <img id="bild" src="1.jpg" onMouseOver="b1();" onMouseOut="b2();" /> </html>
<script type="text/javascript"> function b1 () { document.getElementById("bild").src = "2.jpg"; } function b2 () { document.getElementById("bild").src = "1.jpg"; } </script> <html> <img id="bild" src="1.jpg" onMouseOver="b1();" onMouseOut="b2();" /> </html>
Hallo! Ich bin neu hier und hab auch gleich mal ein Problem. Und zwar: Ich möchte gerne das Menü meiner HP so ändern, dass die Buttons einen Rollover-Effekt haben. Also bei Mauskontakt sollte ein anderes Bild angezeigt werden. Hab eigentlich alles richtig gemacht. (Ich arbeite mit Adobe GoLive 8.0) In der Vorschau hat auch alles super geklappt. Nur sobald ich die entsprechenden Seiten hochgeladen habe, geht nichts mehr. Der Effekt wird nicht angezeigt. Hier mal der Code von dem Ganzen: <a id="Home" onmouseover="changeImages('start','http://www.fancy-nailstyle.de/page/butto n/start1.jpg');return true" onmouseout="changeImages('start','http://www.fancy-nailstyle.de/page/button /start.jpg');return true" name="Home" href="http://www.fancy-nailstyle.de/index.html"><img id="start" src="http://www.fancy-nailstyle.de/page/button/start.jpg" alt="" name="start" border="0"></a> Ich wäre sehr dankbar, wenn mir jemand helfen könnte. Danke
Foren-Regeln
