Wie mache ich einen Rollover

Status
Nicht offen für weitere Antworten.
E

EraserOfEarth

Grünschnabel
Also ich beziehe mich auch dieses Tutorial:
Rolloverimages

Ich habe das Tutorial befolgt, es zeigt sich aber beim mouseover kein anderes Bild.
1. Was gibt es denn für Vorraussetztungen für diesen Rollover
2. Wie lade ich die Bilder am besten vor

Danke schon im vorraus!
EraserOfEarth
 
Hallo,

zeigst du mir deinen bisherigen HTML code, dann kann ich dir auch sagen wo der Fehler ist und wie wir die Bilder am besten vorladen. Die einzige Browservorraussetzung ist, dass Javascript aktiviert ist und es ein Browser mit grafischer Oberfläche ist :)

bye
 
Da ich das Ganze gerne im wbb 1.2 von woltlab einsetzten möchte und es nicht geklappt hat, hab ich erstmal eine Testdatei erstell:


<html>
<head>
</head>

<a href="bildertest.html"><img src="bild1.gif" border="0" name="test" onMouseOver="document.test.src='bild2.gif'; onMouseOut="document.test.src='bild1.gif';></a>

</html>

Der IE sagt mir auch einen Sythaxfehler, aber ich kann ihn nicht finden.
Arbeite sonst nicht mit HTML also nur in PHP gebunden.

EraserOfEarth
 
moin


Versuchs mal hiermit:

<a href="bildertest.html"><img src="02.jpg" border="0" name="test"
onMouseOver=document.test.src='bild2.gif'; onMouseOut=document.test.src='03.jpg';></a>


mfg
umbrasaxum
 
Besser wäre es so (body-Tag nicht vergessen!):
Code: 
<html>
<head>
</head>
<body>
<a href="bildertest.html">
<img src="bild1.gif" border="0" name="test"
onMouseOver="document.test.src='bild2.gif';"
onMouseOut="document.test.src='bild1.gif';"></a>
</body>
</html>
Also mit den Anführungszeichen. Die Bilder vorladen kannst du ganz bequem, indem du sie in deinem JavaScript "erwähnst". Beispiel: http://selfhtml.teamone.de/javascript/beispiele/buttons.htm#quelltext. Ich hoffe, du verstehst das Prinzip - sonst meld dich wieder. ;)
 
oder kürzer:

Code: 
<body>
<img src="i.jpg" onmouseover="this.src='2.jpg';" onmouseout="this.src='1.jpg';">
</body>

@EraserOfEarth
Dein Code wäre fast richtig, du hast nur was vergessen
Code: 
<img src="bild1.gif" border="0" name="test" onMouseOver="document.test.src='bild2.gif';"  onMouseOut="document.test.src='bild1.gif';">

bye
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück