jumini: Hintergrundbild bei Klick verändern

Beitrag lesen

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