Rollover

[peterbub]

Hallo alle zusammen !

Ich bin Anfänger und wollte wissen , wie ich ein Rollover machen kann.

Ich hoffe ein Rollover ist das Bild , das ich bekomme, wenn man mit der Maus drüber fährt.

Wie mache ich daraus ein Rollover:

<p align="center">


UND bps2.png, ist das neue Bild

Gruss Peter

 

[SolCom]

Das ganze funktioniert mit JavaScript und nicht durch HTML.


JavaScript, welches ich benutze :

 /* grafic-hover */
 low1 = new Image();
 low1.src = "bps.png";

 high1 = new Image();
 high1.src = "bps2.png";

 function change(Bildnr,Bildobjekt)
 {
 window.document.images[Bildnr].src = Bildobjekt.src;
 }

damit kann man ein Bildwechsel beim drüberfahren mit der Maus erreichen.
die Nummer hinter lowx & highx steht für ein Bildwechsel und kann durch weitere Zahlen beliebig erweitert werden.
während bei low der Pfad des Orginalbildes eingegeben wird, wird bei high der Pfad des Hoverbildes angegeben.

eingebunden in HTML :

<a href="../bub/test.htm" onmouseover="change(06,high1)" onmouseout="change(06,low1)">

die Zahl vor high & low gibt an, das wievielte Bild (abgezählt der Reihenfolge im HTML-Code) gewechselt werden soll.

da ich das Script von jemanden bekommen habe und selber nicht viel von JavaScript verstehe hoffe ich trotzdem das es einigermaßen verständlich ist :)

++++++++++++++++++++++++++

EDIT :

Formatierungen, hier zentrieren, werden in Zukunft nur noch durch CSS vorgenommen.

statt :

<p align="center">

muß es z.B. so aussehen :

<p style="text-align:center;">