Also wenn du PHP unterstützung auf dem webserver hast kann ich dir diesen Code empfehlen
Oberhalb vom html tag das hier:
PHP-Code:
<?php
$PfadThumbnails="thumbnails/";
$PfadBilder="big/";
$AnzahlThumbnailsProZeile=4;
if($Verzeichniszeiger=opendir($PfadThumbnails))
{
$Table="<table border=\"0\" cellpadding=\"2\" cellspacing=\"5\"><tr>";
$i=0;
while($Datei=readdir($Verzeichniszeiger))
{
if(substr($PfadThumbnails.strtolower($Datei), -4)==".jpg" || substr($PfadThumbnails.strtolower($Datei), -5)==".jpeg" || substr(strtolower($PfadThumbnails.$Datei), -4)==".gif" || substr($PfadThumbnails.strtolower($Datei), -4)==".png")
{
$Bilddaten=getimagesize($PfadBilder.substr($Datei, 3));
$Bildbreite=$Bilddaten[0];
$Bildhoehe=$Bilddaten[1];
$Thumbnaildaten=getimagesize($PfadThumbnails.$Datei);
$Thumbnailbreite=$Thumbnaildaten[0];
$Thumbnailhoehe=$Thumbnaildaten[1];
if($i%$AnzahlThumbnailsProZeile==0 && $i!=0)
{
$Table.="</tr><tr>";
}
$Table.="<td><a href=\"javascript:GrafikAnzeigen('".$PfadBilder.substr($Datei, 3)."', '".$Bildbreite."', '".$Bildhoehe."');\"><img border=\"0\" height=\"".$Thumbnailhoehe."\" src=\"".$PfadThumbnails.$Datei."\" title=\"Zum Vergrößern aufs Foto klicken\" width=\"".$Thumbnailbreite."\"></a></td>";
$i++;
}
}
$Table.="</tr></table>";
closedir($Verzeichniszeiger);
}
?>
und im <head> bereich das hier:
Code:
<script>
<!--
function GrafikAnzeigen(GrafikURL, Breite, Hoehe)
{
Fensteroptionen="toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0";
Grafikfenster=window.open("", "", Fensteroptionen + ',width=' + Breite + ',height=' + Hoehe);
Grafikfenster.focus();
Grafikfenster.document.open();
with(Grafikfenster)
{
document.write("<html><head>");
document.write("<title>Grafikanzeige</title>");
document.write("</head>");
document.write("<body leftmargin=\"0\" marginheight=\"0\" marginwidth=\"0\" topmargin=\"0\">");
document.write("<img border=\"0\" onclick=\"window.close();\" src=\""+ GrafikURL +"\" title=\"Zum Schließen auf das Foto klicken\">");
document.write("</body></html>");
}
}
//-->
</script>
und den kleinen code in den berich wo die bilder gezeigt werden sollen.
PHP-Code:
<?php
echo$Table;
?>
Deine Bilder legst du jeweils in den von dir angelegte Ordner. Namen wären in meinen Bsp. big und thumbnails.
Noch zwei wichtige sachen, deine Thumbnails müssen beim dateinamen mit tn_beginnen,
und was noch Wichtig ist....wenn du die bilder in Thumbs und normale Web Bilder umwandelst, MUSS die Dateigröße in den Bildern mit gespeichert sein.
Also als ich die bilder mit IrfanView umwandelte hatte ich probleme. Mit Photoshop war alles OK.
Hier kannst du mal ein Bsp. anschauen.
KLICK
Hoffe damit geholfen zu haben.