hallo
ich versuche mich gerade mit einem rollover-skript welches die hintergrundbilder von divs bei onmousover und onmouseout wechselt. schwierigkeit an der sache: beim mouseout sollte kein anderes bild laden wenn bereits darauf geklickt wurde. natürlich könnte ich für jedes bild eine variable schreiben, müsste dann allerdings auch für jedes bild (es sind viele...) ein eigenes "mouseout"-skript schreiben... (oder?)

hier mein ansatz:

var variablenName = "IMAGE";

window[variablenName] = 0;

function out(IMAGE){

if (window[variablenName] == 0){
document.getElementById(IMAGE).style.backgroundImage='url(navigation/'+IMAGE+'.gif)';
}
}

function active(IMAGE){

window[variablenName] = 1;
}

function over(IMAGE){

document.getElementById(IMAGE).style.backgroundImage='url(navigation/'+IMAGE+'2.gif)';
}

wenn so auf ein bild geklickt wird, verhalten sich auch alle anderen bilder so, als wäre bereits darauf geklickt worden. logisch, da ja nur eine variable existiert...

any help?

Hallo Henry,

>> wenn bereits darauf geklickt wurde.

Wie sieht denn der HTML-Code dazu aus?
Klickt man da auf einen Link, Bild oder Div?

Gruß Sabine

hallo
ich habe die lösung gefunden. so muss der code ausschauen:

Code

function out(IMAGE){ 
    if (window[IMAGE] == 1){ 
    document.getElementById(IMAGE).style.backgroundImage='url(navigation/'+IMAGE+'2.gif)'; 
    } 
    else { 
    document.getElementById(IMAGE).style.backgroundImage='url(navigation/'+IMAGE+'.gif)'; 
    } 
} 
 
function var1(IMAGE){ 
    window[IMAGE] = 1; 
}  
 
function var0(IMAGE){ 
    window[IMAGE] = 0; 
}  
 
function over(IMAGE){ 
    document.getElementById(IMAGE).style.backgroundImage='url(navigation/'+IMAGE+'2.gif)'; 
}

---

als Antwort auf: [#270762]