Mit Javascript 2. Bildwechsel auslösen?

Feierfoxx

Grünschnabel
Hallo,
auf dem Gebiet von Javascript bin ich noch ziemlich neu, daher wahrscheinlich auch meine Unvermögen eine Idee umzusetzen. Ich versuche einen 2. Bildwechsel herbeizuführen, der ein in meinem Navi-menu deutlich macht, auf welcher Seite ich mich im moment auf der Homepage befinde. Da ich aber einen Effekt eingebaut habe, der beim drübergehen mit dem Mauszeiger einen Bildwechsel hervorruft funktioniert das irgendwie nicht, hier mein script:


var NN3 = false;
img = new Array
image0 = new Image();
image0.src = "../images/start_aus.gif";
image0on = new Image();
image0on.src = "../images/start_an.gif";

function on3(name) {
document[name].src = eval(name + "on.src");
}
function off3(name) {
document[name].src = eval(name + ".src");
}
NN3 = true;
function on(name) {
if (NN3) on3(name);
}
function off(name) {
if (NN3) off3(name);

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


und der dazugehörige Aufruf:

<a href='start.htm' target="rechts" onmouseover="on('image0');" onmouseout="off('image0');" onmouseclick="Bildwechsel(image0,image0on)"><img src="../images/start_aus.gif" name='image0' width="50" height="50" border="0" alt="Startseite"></A>

ich vermute mal, dass ich mich durch das "mouseout" selbst aushebel. Falls ihr einen Tipp für mich habt, dank ich euch im vorraus.
 
Hallo...

du könntest bspw. eine extra-Variable deklarieren, welche du beim Onclick änderst.
Anhand dieser kannst du dann sehen, ob geklickt wurde und das Bild beim Mouseout stehen bleiben soll.

das Könnte dann so aussehen:
Code:
<script type"text/javascript">
<!--
img0 = new Image();img0.src = "../images/start_aus.gif";
img0on = new Image();img0on.src = "../images/start_an.gif";
img0click=false;

function Bildwechsel(Bildnr,Bildobjekt,e)
{
if(!eval('img'+Bildnr+'click'))
    {
    eval('document.image'+Bildnr+'.src=img'+Bildnr+Bildobjekt+'.src');
    if(e){eval('img'+Bildnr+'click='+e);}
    }
}
//-->
</script>
....
<a href='start.htm' target="rechts" onmouseover="Bildwechsel(0,'on',false);" onmouseout="Bildwechsel(0,'',false);" onclick="Bildwechsel(0,'on',true)">
 
Danke das bringt mich schon einen Schritt weiter. Ich müsste jetzt nur noch dafür sorgen, dass das Bild dann auch wieder seinen Ausgangszustand annimmt, also wieder ausgeht.
 
da musst du "img0click" wieder auf "false" stellen und die Funktion aufrufen:

Code:
onweissdergeier="img0click=false;Bildwechsel(0,'',false);"
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück