Hallo Forum-Hilfe - Community,
ich habe auf meiner Internetseite immer einen Codeschnipsel verwendet der mir die Funktion einer Bildervorschau ermöglicht hatte.
Seit ca. 2 Wochen funktioniert die Vorschau allerdings weder im Firefox noch im Internet Explorer nicht mehr.
Es war immer so, dass 6 kleine Vorschaubilder angezeigt wurden. Wenn man mit der MAus über ein Vorschaubild rübergegangen ist, wurde dieses vergrößert angezeigt.
Kann mir vielleicht jemand sagen, warum das ganze nicht mehr funktioniert, bzw. einen ähnlichen Code-Schnipsel geben, den ich verwenden kann?
Hier mal ein Bild wie das ganze korrekt aussehen sollte:
Hier der Code Schnipsel.
HTML
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>Bild wechseln mouseover</title>
<script type="text/javascript">
function CImage(source) {
document.getElementById("loaded").src = document.getElementById(source).src;
}
</script>
</head>
<body>
<p>
<CENTER>
<b><font face="Arial,Verdana" size="5">Burgmann 650</font></b>
</CENTER>
<table align="center" border="1" style="width: 44%; height: 63px">
<tr>
<td style="width: 131px">
<img id="bild_1" src="../bilder/gebrauchte/k-burgmann650-2.jpg" width="200" height="157" onMouseOver="CImage( 'bild_1' )"></td>
<td style="width: 133px">
<img id="bild_2" src="../bilder/gebrauchte/k-burgmann650-3.jpg" width="200" height="154" onMouseOver="CImage( 'bild_2' )"></td>
<td style="width: 137px">
<img id="bild_3" src="../bilder/gebrauchte/k-burgmann650-1.jpg" width="124" height="165" onMouseOver="CImage( 'bild_3' )" class="style2"></td>
</tr>
<tr>
<td style="width: 131px">
<img id="bild_4" src="../bilder/gebrauchte/k-burgmann650-4.jpg" width="200" height="157" onMouseOver="CImage( 'bild_4' )"></td>
<td style="width: 133px">
<img id="bild_5" src="../bilder/gebrauchte/k-burgmann650-5.jpg" width="200" height="154" onMouseOver="CImage( 'bild_5' )"></td>
<td style="width: 137px">
<img id="bild_6" src="../bilder/gebrauchte/k-burgmann650-7.jpg" width="124" height="165" onMouseOver="CImage( 'bild_6' )" class="style2"></td>
</tr><tr>
<td colspan="3" align="center">
<img id="loaded" src="dummy.jpg"></td>
</tr>
</table>
</body>
</html>