Referenzierung

[Struppi]

<div style="width:100%; height:200px; overflow:auto; border:0;">
<script language="javascript">

Du hast nicht in selfhtml geschaut? Und nicht was dir die Leute geschrieben haben?
https://forum.selfhtml.org/?t=151635&m=986557

function wechsel_bgimg(bild_url) {
var div_pic1=pic1;

pic1 existiert nicht, um ein Element im Dokument zu ermitteln brauchst du eine der getElement... Funktionen.

var numofimages = 10

auch hier hat dir rob bereits einen Tipp gegeben.

for (X=1;X<numofimages; X++) {

Das ist in mehrere Hinsicht unschön - aber nicht falsch.
üblicherwiese hat man sich daran gewöhnt Schleifenvariabeln mit i (increase - erhöhen) zu benennen
Globale (Schleifen)Variabeln sind ein Zeichen von schlechten Stil.
Großbuchstaben sollten nur für Konstanten verwendet werden.
und der Lesbarkeit wegen, ein paar Leerzeichen einfügen wäre auch nicht schlecht.

Also etwa so:

for (var i = 1; i < numofimages; i++) {

document.write("<img src="../lbilder/lbild0"+X+".jpg" onclick="wechsel_bgimg('../lbilder/lbild0"+X+".jpg')" alt="">");}

du kannst den Code auch etwas lesbarer machen:
document.write('<img src="../lbilder/lbild0' + i

• '.jpg" onclick="wechsel_bgimg(this.src)" alt="">')

this ist die Referenz auf das Element wo der Klick stattfindet.

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

Das die Browser hier unterschiedliche Werte ausgeben ist nicht schlimm sie meinen alles das Gleiche.

Bei Firefox2 gibts gar keine Reaktion, die Fehlerkonsole meldet: Pic1 not defined.

Sag ich doch.

Struppi.