Eigentlich sieht es nicht kompliziert aus. Ich habe mich mal im Quellcode der Seite bedient, das
JS ist kurz und bündig:
Code:
<script language="JavaScript">
<!--
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function wechsel(bildname)
{
if (ns3up || ie4up)
{
imgOn = ("" + bildname);
document.grossbild.src = imgOn;
}
}
//--></script>
Der HTML-Teil ist eine einfache Tabelle, eine Zelle darin sieht so aus:
HTML-Code:
<td><a onmouseover="javascript:wechsel('http://www.dawodasbildist.de/bild.jpg');" href="#"><img height="52" title="Kommentar zum Bild" width="70" border="0" src="http://dawodasbildist.de/kleinesbild.jpg" /></a> </td>
Auf der Seite wird für das kleine und große Bild immer das kleine Bild genommen. Man kann aber auch für die Vorschau in der Tabelle ein kleines erstellen. Außerdem ist es besser an Stelle von alt="Bildbeschreibung"
title="Bildbeschreibung" zu verwenden.