nicht angemeldet
Hallo zusammen!
Mein Problem ist folgendes: Ich habe eine Galerie mit Thumbnails erstellt und wenn ein Thumbnail angeklickt wird soll das Bild zusammen mit dem dazugehörigen Text erscheinen. Dieser soll entweder direkt unter dem Bild oder in der Spalte darunter erscheinen. Ich habe überall nach einem solchen Skript gesucht aber ich bin nicht fündig geworden. Vielleicht kann mir hier bitte jemand helfen.
Danke schon mal im voraus.
Markus Oreck
www.thw-bgl.de
P.S. Kenn mich mit Javascript so gut wie gar nicht aus.
Hier nun der Quelltext.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Neue Seite 1</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Jenny Blewitt (webmaster@webdesignsdirect.com) -->
<!-- Web Site: http://www.webdesignsdirect.com -->
<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
// End -->
</script>
</head>
<body>
<p><!--webbot bot="HTMLMarkup" startspan -->
<div align="center">
<center>
<table border="1" cellpadding="1" cellspacing="1">
<tr>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
<td align="center"><a href="javascript:doPic('bild2.jpg');"><img src="bild2klein.jpg" width=96 height=72 border=1></a></td>
<td rowspan="3" align="center"><img name="mainpic" src="bild1.jpg" width=480 height=360 border=0>
<td align="center"><a href="javascript:doPic('bild3.jpg');"><img src="bild3klein.jpg" width=96 height=72 border=1></a></td>
<td align="center"><a href="javascript:doPic('bild4.jpg');"><img src="bild4klein.jpg" width=96 height=72 border=1></a></td>
</tr>
<tr>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
</tr>
<tr>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
</tr>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
<td align="center"></td>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
<td align="center"><a href="javascript:doPic('bild1.jpg');"><img src="bild1klein.jpg" width=96 height=72 border=1></a></td>
<tr>
</tr>
</table>
</center>
</div>
<!--webbot bot="HTMLMarkup" endspan -->
</p>
</body>
</html>