Hallo Jonas,
Lösungen gibt's fast immer.
Only JS
Lege einen Array mit deinen Hintergrundbildern an.
Gib den TD's alle eine Klasse wo Du ein Hintergrundbild definierst.
Nach dem Laden der Seite weist Du den TD's ein anders Hintergrund zu.
Beim Mouseover parkst Du das aktuelle Hintergrundbild in eine Variable, beim Mouseover schreibst Du es zurück.
Fragst in einem Case halt ab, altes Bild = "foo.gif" dann neues Bild "foo_roolover.gif"
Hmmh, eigentlich ganz einfach. Ich habe mal für einne Zebra dieses Script gemacht.
function zebra(){
if(document.getElementsByTagName){
var myTABLE = document.getElementsByTagName("table");
for(tab = 0; tab < myTABLE.length; tab++){
var myTR = document.getElementsByTagName("table")[tab].getElementsByTagName("tr");
document.getElementsByTagName("table")[tab].style.background ="#DBE2E5"
for(i = 0; i < myTR.length; i++){
if(i % 2 == 0){
myTR[i].className = myTR[i].className + "-1";
for(x = 0; x < myTR[i].getElementsByTagName("td").length; x++){
myTR[i].getElementsByTagName("td")[x].className = myTR[i].getElementsByTagName("td")[x].className + "-1";
}
}
}
}
}
}
Liebe Grüße,
Bernd