Nochwas: Ich sehe gerade, daß die Browser unterschiedlich reagieren!
Hier nochmal der Code:
<div id="pic1" class="ltextaufbild" style="background:url(../lbilder/lbild01.jpg) no-repeat;color:white;" >Jollensegeln im Winter</div>
<div style="width:100%; height:200px; overflow:auto; border:0;">
<script language="javascript">
function wechsel_bgimg(bild_url) {
var div_pic1=pic1;
// alert("alt: "+ pic1.style.backgroundImage);
// alert("alt: "+ div_pic1.style.backgroundImage);
alert("neu: "+ bild_url);
}
var numofimages = 10
for (X=1;X<numofimages; X++) {
document.write("<img src="../lbilder/lbild0"+X+".jpg" onclick="wechsel_bgimg('../lbilder/lbild0"+X+".jpg')" alt="">");}
</script>
</div>
Beim 1. und 2. alert
Op9 alt: url("file://localhost/D:/HTML/HOMEPAGES/LN3/lbilder/lbild01.jpg")
IE6 alt: url(../lbilder/lbild01.jpg)
Beim 3. alert gibts
Op9 neu: ../lbilder/lbild07.jpg
IE6 neu: ../lbilder/lbild07.jpg
Bei Firefox2 gibts gar keine Reaktion, die Fehlerkonsole meldet: Pic1 not defined.
Und nun? Oh Mann, auf was hab ich mich da eingelassen...
Thanx4help. Arne