Nur wie kann ich das bewerkstelligen, dass wenn bei einem DIV das Hintergrund-Bild schon bg1.png ist, dass es dann bg2.png (Bei Ausführung der Funktion wird)?
Dazu müsste ich ja den Wert des Background-Images irgendwie auslesen. Ist das möglich, weiß jemand, wie ich das machen kann?
function upgrade(e){
// i ist deinem Beispiel nach in der Funktion undefined
document.getElementById("id"+i).style.backgroundImage = 'url(img/bg1.png)';
// angenommen das entstand durch die verkürzung des Code und dieser Funktioniert soweit:
var elem = document.getElementById("id"+i);
var bg = 'img/bg'+(elem.style.backgroundImage == 'img/bg1.png' ? 1 : 2)+'.png';
elem.style.backgroundImage = bg;
// Dein Schnipsel entfällt natürlich
};
Ob die Verwendung von style.backgroundImage mit allen Browsern vereinbar ist, kann ich dir nicht genau sagen. Falls du eine Bibliothek wie Prototype oder jQuery nutzt, verwende get- & setStyle.
Gruß,
jumini