[JavaScript] Text UND Bild bei Mouseover

[stephan136]

Hallo,

ich muss zunächst einmal gestehen, dass ich nicht so viel Ahnung habe, aber es gerne lernen möchte (bin dabei).
Habe das Problem, dass ich eine Bildvorschau mit JS habe und unter die Bilder gerne jeweils einen Text schreiben möchte, wenn sie als gross erscheinen.

Habe bisher nur das (ich weiss, dass wahrscheinlich die meisten von euch die Hände über dem Kopf schlagen, aber das hatte ich mir bisher zusammen gebastelt und es funktioniert):

<table width='820' border='0' cellpadding='10' cellspacing='0' align='center' valign='middle'>
<tr>
<td width='100%' bgcolor='505050' > <h2> Stephan Rauchfuss </h2></td>
</tr>
</table>

<table align="center" cellpadding="2" cellspacing="10" border="0" width="820" bgcolor="1C1C1C"> <tr>

<td width="60" height="430" align="right" valign="top" cellpadding="10"> <br> <script type="text/javascript">
var bilder=new Array("bild01.jpg","bild02.jpg","bild03.jpg","bild04.jpg");
function vorschau(bild)
{
document.vorschaubild.src=bild;
}

for(x=0;x<bilder.length;x++)
{
document.write("<p><a onMouseOver=\"vorschau('"+bilder[x]+"')\">");
document.write("<img src=\""+bilder[x]+"\" width=\"60\" border=\"0\"></a></p>");
}
</script></td>

<td width="60" valign="top" cellpadding="2" align="right"> <br> <script type="text/javascript">
var bilder=new Array("bild05.jpg","bild06.jpg","bild07.jpg","bild08.jpg");

function vorschau(bild)
{
document.vorschaubild.src=bild;
}

for(x=0;x<bilder.length;x++)
{
document.write("<p><a onMouseOver=\"vorschau('"+bilder[x]+"')\">");
document.write("<img src=\""+bilder[x]+"\" width=\"60\" border=\"0\"></a></p>");
}
</script> </td>

<td width="60" valign="top" cellpadding="2" align="right"> <br> <script type="text/javascript">
var bilder=new Array("bild09.jpg","bild10.jpg","bild11.jpg","bild12.jpg");

function vorschau(bild)
{
document.vorschaubild.src=bild;
}

for(x=0;x<bilder.length;x++)
{
document.write("<p><a onMouseOver=\"vorschau('"+bilder[x]+"')\">");
document.write("<img src=\""+bilder[x]+"\" width=\"60\" border=\"0\"></a></p>");
}
</script> </td>

<td width="60" valign="top" cellpadding="2" align="right"> <br> <script type="text/javascript">
var bilder=new Array("bild13.jpg","bild14.jpg","bild15.jpg","bild16.jpg");

function vorschau(bild)
{
document.vorschaubild.src=bild;
}

for(x=0;x<bilder.length;x++)
{
document.write("<p><a onMouseOver=\"vorschau('"+bilder[x]+"')\">");
document.write("<img src=\""+bilder[x]+"\" width=\"60\" border=\"0\"></a></p>");
}
</script> </td>


<td width="530" align="center" valign="top"><br>
<div style="width:480px; height:400px; overflow:auto; border:0px ">
<img name="vorschaubild" src="standardbild.jpg" width="450">
</div>
<br>

</td></tr> </table>


Ich wäre euch echt dankbar, wenn mir jeman helfen könnte!
Vielen lieben Dank bereits im Voraus!

[Kropff]

vielleicht hilft dir das hier weiter.

peter