Matthias Apsel: Zwei Menüs mit Buttonklick Bilder aus dem jew Menü übereinander?

Beitrag lesen

Om nah hoo pez nyeetz, Matthias Apsel!

function aendere(sender) {

e = document.getElementById("vorschau");
  if (e.style.backgroundImage) {
    png_grafik = e.style.backgroundImage.substr(zahl,4); //aktuellen Wert merken
    jpg_grafik = e.style.backgroundImage.substr(anderezahl,4);
  }
  else {
    png_grafik = "png1"; //Am Anfang Standard
    jpg_grafik = "jpg1";
  }
  if (sender.id.substr(0,3) == "png") png_grafik = sender.id; else jpg_grafik = sender.id;
  e.style.backgroundImage = "url(pfad/"+png_grafik+".png), url(pfad/"+jpg_grafik+".jpg)";
}

  
Das Auslesen der aktuellen Werte kann wohl entfallen  
  
~~~html
<script>[code lang=javascript]  
var png_grafik = "png1"; //Am Anfang Standard  
var jpg_grafik = "jpg1";  
  
function aendere(sender) {  
   e = document.getElementById("vorschau");  
  
   if (sender.id.substr(0,3) == "png") png_grafik = sender.id; else jpg_grafik = sender.id;  
   // Wir schauen nach, ob die ID des Elements, was geklickt wurde mit "png" beginnt  
   // falls ja, neues png-bild  
   // sonst, neues jpg-bild (ID des Senders enthält den anzuzeigenden Bildnamen  
  
   // geht auch (unwesentlich) kürzer  
   // (sender.id.substr(0,3) == "png") ? png_grafik = sender.id : jpg_grafik = sender.id;  
  
   e.style.backgroundImage = "url(pfad/"+png_grafik+".png), url(pfad/"+jpg_grafik+".jpg)";  
   // und bauen den Wert der Eigenschaft background-image zusammen  
   // die png-Grafik überdeckt dabei die jpg-Grafik  
 }

</script>[/code]

Matthias

--
1/z ist kein Blatt Papier.