mouseover auf anderes bild übertragen?

[Ole]

hi,

das geht im prinzip ganz einfach als erstes brauchst du also ein javascript das generell für onmouseover taugt...z.B. das hier:

//

if (document.images) {

doc0 = new Image()
        doc0.src =      "001nr.gif"

}

function HighLight(i) {
        if (document.images) {
                var thang = document.images[i].src
                var off = thang.lastIndexOf("nr")
                if (off != -1) {
                        document.images[i].src = thang.substring(0,off) + "lt" + ".gif"
                }
        }
}

function Lightsoff(i) {
        if (document.images) {
                var thang = document.images[i].src
                var on = thang.lastIndexOf("lt")
                if (on != -1) {
                        document.images[i].src = thang.substring(0,on) + "nr" + ".gif"                }
        }
}

so und nun bindest du das in deine site ein, etwa so:
<im head>

<SCRIPT language="JavaScript" >  

function HighLight(i) {
    }
  </SCRIPT>
  <SCRIPT language="JavaScript" src="buttons.js"></SCRIPT>

und im body:

<a href="start.htm" target="target01" onMouseOver="HighLight(0)" onMouseOut="Lightsoff(0)">

dieses script arbeitet so:
die original datei erhält die endung _nr, die datei zum auswechseln _lt.

so nun zur bodyeinbindung:
die browser fangen immer bei 0 an zu zählen, also ist die erst grafik "0". in meinem beispiel wird also bei onmouseover die grafik "0" (die erste auf meiner site) ersetzt und bei onmouseout wieder zurück versetzt.

du kannst jetzt sogar grafiken verschieden austauschen. z.B. wenn du über den link fährst tauscht du erst grafik "4" aus und beim wieder raus fahren nachmal grafik "234". ganz einfach

ich hoffe ich hab mich wenigstens ein bisserl verständlich ausgedrückt :-).

ole
(8-)>