Hallo zusammen
Ich suche jetzt schon geraume Zeit eine einfache Gallerie für unsere Vereinshomepage, habe aber bis jetzt nicht das gefunden, was ich mir vorstelle.
Also die Bilder sowie die Thumbnails sind schon fertig, und befinden sich in extra Ordnern.
Eine Tabelle, wo die Bilder rein sollen ist auch vorhanden. (siehe Code)
Nun suche ich nur ein Script was mir das lästige selberprogrammieren erspart und die Bilder aus den Ordnern selbstständig in die Tabelle einfügt. Beim anklicken des Bildes soll es sich in einem Popup öffnen.
Hier müssen die Thumbnails rein:
Code
<table width="583" align="center" cellpadding="0" cellspacing="3" style="border: 1px solid #FFFFFF; border-right: 1px dotted #FFFFFF; border-left: 1px dotted #FFFFFF">
<tr>
<td><div style="margin-top:8px; width:113px; height:75px"><a onClick="popUp1('URL/grossesbild.jpg')"><img src="URL/Thumbnail.jpg"></a></div></td>
<td><div style="margin-top:8px; width:113px; height:75px"><a onClick="popUp1('URL/grossesbild.jpg')"><img src="URL/Thumbnail.jpg"></a></div></td>
<td><div style="margin-top:8px; width:113px; height:75px"><a onClick="popUp1('URL/grossesbild.jpg')"><img src="URL/Thumbnail.jpg"></a></div></td>
<td><div style="margin-top:8px; width:113px; height:75px"><a onClick="popUp1('URL/grossesbild.jpg')"><img src="URL/Thumbnail.jpg"></a></div></td>
<td><div style="margin-top:8px; width:113px; height:75px"><a onClick="popUp1('URL/grossesbild.jpg')"><img src="URL/Thumbnail.jpg"></a></div></td>
</tr>
<tr>
<td bgcolor="#E6B100">bleibtleer</td>
<td bgcolor="#E6B100">bleibtleer</td>
<td bgcolor="#E6B100">bleibtleer</td>
<td bgcolor="#E6B100">bleibtleer</td>
<td bgcolor="#E6B100">bleibtleer</td>
</tr>
</table>
Alles anzeigen
Und das Javascript für das Popup:
Code
</script>
<script type="text/javascript">
function popUp1(bildurl)
{
props="locationbar=no,menubar=no,scrollbars=no,resizable=yes,status=no,width=660,height=500";
fenster = window.open(bildurl,"", props)
fenster.focus();
}
</script>
Ich hoffe, es kann mir jemand weiterhelfen.
Danke im Vorraus