Einfaches Rollover-Bild mit 2 Grafiken

von **tiger84** am 30.09.2005, 13:22

Hallo!

So jetzt wollte ich mal gerne wissen wie der genaue HTML-Code für ein Rollover-Bild lautet. Ich habe dafür ein Over- und ein Down-Bild. Das Rollover soll ein Link zu einer anderen Seite enthalten.

Ich hoffe mir kann da einer mal eben helfen.

von **fehler798** am 01.10.2005, 14:33

Beim body muss

Code: Alles auswählen: onLoad="MM_preloadImages('rolloverbild.jpg')"

rein damit das rollover bild schon vorgeladen wird. also das sieht dann so aus:

Code: Alles auswählen: <body onLoad="MM_preloadImages('rolloverbild.jpg')">

Da wo das Bild dann hin soll, muss das hin:

Code: Alles auswählen: <a href="seite auf die verlinkt wird.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('irgendeinname','','bildrollover.jpg',1)"><img name="irgendeinname" border="0" src="bildnormal.jpg"></a>

von **master_of_desaster** am 01.10.2005, 14:34

Ob dus glaubst oder nicht, es gibt ne ganze Homepage dazu

http://www.on-mouseover.de/

Hatte auch mal ein nützliches Programm dafür, weiß aber leider nicht mehr wie es heißt...

von **tiger84** am 12.10.2005, 09:16

Also ich hab das jetzt mal so eingebunden aber das klappt nicht. hier mein Code und dann kommen folgende Fehlermeldungen.

Code: Alles auswählen: <html> <head> <title>Test</title> <meta name="author" content=""> <meta name="generator" content="Ulli Meybohms HTML EDITOR"> <link rel="stylesheet" href="css/text.css" type="text/css"> </head> <body bgcolor="#C0C0C0" onLoad="MM_preloadImages('grafik/bt_down_bew.JPG')"> <h2>Bewerbungen</h2> <table border="0" width="750"> <tr> <td colspan="2" align="center" valign="middle"><h1>Sie können sich berwerben für...</h1></td> </tr> <tr> <td width="380" align="center" valign="top"><h3>...einen Arbeitsplatz als Zeitarbeiter bei uns.</h3></td> <td width="380" align="center" valign="top"><h3>...eine Vermittlung in einem Betrieb für Ihren Beruf.</h3></td> </tr> <tr> <td width="380" align="center" valign="middle"><font size=2>Sie können sich bei uns als Zeitarbeiter bewerben und nach Tarif bezahlt werden.</font></td> <td width="380" align="center" valign="middle"><font size=2>Wir können Ihnen helfen einen Arbeitsplatz zu finden der Ihr erlerntes können abverlangt und ungefähr Ihren Wünschen entspricht.</font></td> <br> <br> </td> </tr> <tr> <td align="center" valign="top"><a href="bei_uns.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bei_uns','','grafik/bt_hover_bew.JPG',1)"><img name="bei_uns" border="0" src="grafik/bt_down_bew.JPG"></a></td> <td align="center" valign="top"><h4>a</h4></td> </tr> </table> </body> </html>

Diese Meldung kommt beim laden der Seite.

Bild

Und diese wenn ich meine Maus über das Bild bewege.

Bild

Ich hoffe ihr könnt mir da mal weiter helfen.

von **tiger84** am 17.10.2005, 08:29

Moin!

Äh wäre nett wenn einer der was weiß mir vielleicht ne antwort geben könnte. Oder wenigstens nen tipp.

von **dragonl** am 18.10.2005, 02:09

Moin

Ich habe mal deinen Quelltext kopiert und damit rumprobiert.
Allerdings kam bei mir weder eine Fehlermeldung nocht hat da irgend etwas Rolloverartiges funktionniert !?
(woher kommt diese funktion eigendlicht und müsste sie nicht im head bereich des documentes deviniert werden ???)

Naja, ich mach (habe) das so: http://dragonl.cybton.com/forum_hilfe_5.php
Damit soltest du das hinbekommen

MFG
dragonl

von **master_of_desaster** am 21.12.2005, 23:46

@tiger84: Du rufst ja auch undefinierte Funktionen auf...

http://www.on-mouseover.de/script1.htm sollte helfen

Einfaches Rollover-Bild mit 2 Grafiken

Einfaches Rollover-Bild mit 2 Grafiken

Ähnliche Themen

Wer ist online?