Hallo Ihr Lieben, Ich bin Neu hier und noch Anfänger im Programmieren für HP. Wollte eine Bildgalerie erstellen.
Über dem Hauptfenster 10 Bilder und darunter auch 10 Bilder (trumbs) der Text ändert sich aber die Anzeige des vergrößerten Bildes funktionirt nicht . er ändert nur das 3. Bild in der oberen Reihe ohne Vergrößerung.
hier nun mal mein Funktionsscipt:
function kommentar(text)
{
document.getElementById("ausgabe").firstChild.nodeValue=text;
}
function zeig(was,komm,wo)
{
var b = new Array();
b[1] = new Image(); b[1].src = was;
document.images[wo].src = b[1].src;
kommentar(komm);
}
und hier mein html/css script Auzug der Bilderabteilung erscheint im Body:
<!--Ebeneninhalt "galerie" Beginn-->
<div id="ebeneinhalt"><br><p align="center"></p>
<script src="functions/functions.js" type="text/javascript"></script>
<center>
<table width=50% cellpadding=0>
<tr>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/bild5.jpg','Hebebühne',5)"><img src='../WKS981/werkstatt/bild5.jpg' width="50" height="50"></a></td><br>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/bild3.jpg','Werkzeug',5)"><img src='../WKS981/werkstatt/bild3.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test1.jpg','Werkstatt1',5)"><img src='../WKS981/werkstatt/test1.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test2.jpg','arbeit am fahrzeug',5)"><img src='../WKS981/werkstatt/test2.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test3.jpg','Werkzeuge',5)"><img src='../WKS981/werkstatt/test3.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test4.jpg','Werkzeug4',5)"><img src='../WKS981/werkstatt/test4.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test5.jpg','Werkzeug20',5)"><img src='../WKS981/werkstatt/test5.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test6.jpg','Werkzeug6',5)"><img src='../WKS981/werkstatt/test6.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test7.jpg','Werkzeug7',5)"><img src='../WKS981/werkstatt/test7.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test8.jpg','Werkzeug8',5)"><img src='../WKS981/werkstatt/test8.jpg' width="50" height="50"></a></td>
</tr>
</table>
<div align="center"><strong>Bilder aus unserer Werkstattarbeit </strong>
</div>
<table width=25% align="center" cellpadding="0" border="2" bordercolor=#548C5F>
<tr>
<td align="center" border="4" bordercolor=#548C5F> <img src='../WKS981/werkstatt/bild5.jpg', width="250" height="250"><br>
</td>
<tr>
<td height="44" align="center"> <font color=black><b><i>
<h3 id="ausgabe" align="center">Hebebühne</h3>
</i></b></font>
</td>
</tr>
</table>
<center>
<table width=50% cellpadding=0>
<tr>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test9.jpg','Werkzeug9',5)"><img src='../WKS981/werkstatt/test9.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test10.jpg','Werkzeug10',5)"><img src='../WKS981/werkstatt/test10.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test11.jpg','Werkzeug11',5)"><img src='../WKS981/werkstatt/test11.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test12.jpg','Werkzeug12',5)"><img src='../WKS981/werkstatt/test12.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test13.jpg','Werkzeug13',5)"><img src='../WKS981/werkstatt/test13.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test14.jpg','Werkzeug14',5)"><img src='../WKS981/werkstatt/test14.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test17.jpg','Werkzeug15',5)"><img src='../WKS981/werkstatt/test17.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test16.jpg','Werkzeug16',5)"><img src='../WKS981/werkstatt/test16.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test17.jpg','Werkzeug17',5)"><img src='../WKS981/werkstatt/test17.jpg' width="50" height="50"></a></td>
<td><a href='#' onClick="zeig('../WKS981/werkstatt/test18.jpg','Werkzeug18',5)"><img src='../WKS981/werkstatt/test18.jpg' width="50" height="50"></a></td>
</tr>
</table>
</center>
</div>
<!Ende<!--Ebeneninhalt "galerie">
<!--Menüleiste rechts Beginn -->
Hoffe mir kann einer helfen und den Fehler mit korregieren , wie gesagt Alles für mich neu!!!
Danke im voraus LG Euer hexer1x1lern
hexer1x1lern Gast |