abe_exoddus
Grünschnabel
Hallo zusammen,
ich habe ein (Verständnis-)Problem mit einem Script, das zu einer Tabelle gehört... In der Beispiel-Tabelle, die ich mir heruntergeladen habe funktioniert es einwandfrei. Als ich die Tabelle erweitert habe klappt's nicht mehr...
Die Tabelle enthält verkleinerte Darstellungen von Bildern, die bei Aktivierung des OnMouseOver-Events in einer "zentralen" Zelle als größeres Bild dargestellt werden.
Ich möchte auf der Seite zwei weitere Tabellen darstellen, in denen jeweils das gleiche Skript aktiv ist - nur eben mit unterschiedlichen Bildern.
Der Original-Quelltext ist hier (wer Interesse hat, kann meine Quelltext-Änderungen auch bekommen):
Danke für Eure Hilfe!
ich habe ein (Verständnis-)Problem mit einem Script, das zu einer Tabelle gehört... In der Beispiel-Tabelle, die ich mir heruntergeladen habe funktioniert es einwandfrei. Als ich die Tabelle erweitert habe klappt's nicht mehr...
Die Tabelle enthält verkleinerte Darstellungen von Bildern, die bei Aktivierung des OnMouseOver-Events in einer "zentralen" Zelle als größeres Bild dargestellt werden.
Ich möchte auf der Seite zwei weitere Tabellen darstellen, in denen jeweils das gleiche Skript aktiv ist - nur eben mit unterschiedlichen Bildern.
Der Original-Quelltext ist hier (wer Interesse hat, kann meine Quelltext-Änderungen auch bekommen):
Code:
<html>
<head>
</head>
<body BACKGROUND="../../background/fliesen-04.jpg">
<p align="center">
<table border="5" bordercolor="#000000" cellspacing="0" cellpadding="0" bgcolor="#808080" width="652">
<!-- empty grey row -->
<tr align="center">
<td>
<font color="#000000" size="3">
<b>Meine Schlangen</b>
</font>
</td>
</tr>
<script language="JavaScript">
<!--
var image0 = new Image();
image0.src = "./Koenig0.jpg";
image0.height = 188;
var image1 = new Image();
image1.src = "./Koenig1.jpg";
image1.height = 188;
var image2 = new Image();
image2.src = "./Koenig2.jpg";
image2.height = 188;
var image3 = new Image();
image3.src = "./Koenig3.JPG";
image3.height = 188;
function showImage(whichImage) {
var objMainImage = eval('document.MainImage');
var objNewImage = eval('image' + whichImage);
objMainImage.src = objNewImage.src;
objMainImage.height = objNewImage.height;
}
//-->
</script>
<tr align="center">
<td>
<table border="0" cellpadding="0" cellspacing="0" height="109">
<tr>
<td colspan="5" align="center">
<a href="javascript:showImage(0)" onmouseover="status=''; return true;">1</a> - <a href="javascript:showImage(1)" onmouseover="status=''; return true;">2</a> - <a href="javascript:showImage(2)" onmouseover="status=''; return true;">3</a> - <a
href="javascript:showImage(3)" onmouseover="status=''; return true;">4</a></td>
</tr>
<tr height="109"><td valign="middle" align="right">(1) </td><td width="60" align="center" valign="middle">
<a href="javascript:showImage(0)" onmouseover="showImage(0); status=''; return true;"><img src="./Koenig0.jpg" width="60" height="45" border="2"></a>
</td><td height="198" rowspan="2" width="270" align="center" valign="middle">
<img name="MainImage" src="./Koenig0.jpg" width="250" border="5">
</td>
<td width="60" align="center" valign="middle">
<a href="javascript:showImage(2)" onmouseover="showImage(2); status=''; return true;"><img src="./Koenig2.jpg" width="60" height="45" border="2"></a>
</td>
<TD valign="middle" align="left"> (3)</TD>
</tr>
<tr height="109"><td valign="middle" align="right">(2) </td><td width="60" align="center" valign="middle">
<a href="javascript:showImage(1)" onmouseover="showImage(1); status=''; return true;"><img src="./Koenig1.jpg" width="60" height="45" border="2"></a>
</td>
<td width="60" align="center" valign="middle">
<a href="javascript:showImage(3)" onmouseover="showImage(3); status=''; return true;"><img src="./Koenig3.JPG" width="60" height="45" border="2"></a>
</td>
<TD valign="middle" align="left"> (4)</TD>
</tr>
</table>
</td>
</tr>
</p>
</table>
</body>
</html>Danke für Eure Hilfe!
