✔ GetElementById funktioniert nicht

[iAZ]

Will das so machen, das auf der Linken Seite Bilder aufgelistet sind und auf der rechten seite ist ein großes lehres. wenn man über die kleinen drüber fährt soll sich das große ändern.
Ich verstehe das nicht: bei mir funktioniert das zu Hause einfach nicht
hier der Code:

<ul>
  <li>
    <a onMouseOver="show_preview(1)" href="show_pics.php?id=1">
      <img border="0" src="xxs_thumbnail.php?id=1">&nbsp;Bildname
    </a>
  </li>
</ul>
<!--------------------------------------!>
<div name="preview_div" style="position:absolute;width:500px;height:500px;background-color:#F2F2F2;left:525px;top:200px;">
<img id="preview" />
</div>
<!--------------------------------------!>
<script language="javascript">
<!--
///SHOW PREVIEW
function show_preview(pic_id)
{
	document.getElementById("preview").src="l_thumbnail.php?id=" + pic_id;
}
-->
</script>

Helft mir bitte

 

[Maik]

Hi,

dem img-Element fehlt das src-Attribut mit Angabe zu einer Grafikdatei, und Grafikreferenzen werden in JavaScript über das images-Objekt definiert - also z.B. document.images["preview"].src="...".

Ein praktisches Beispiel findest du in dem Thread JavaScript-basierte Bildergalerie.

mfg Maik

 

[iAZ]

Danke.