Fotogalerie (Verlinkungen)

html.de-Forum HTML, XHTML & CSS
1

Hallo Zusammen :slight_smile:

Habe jetzt schon ziemlich lange nach einer Lösung gesucht, finde aber einfach nichts.
Und zwar bin ich gerade an dem Fotoalbum meiner Homepage.
Nun will ich im oberen

-Tag eine Art Ansicht mit miniaturbildern machen, also für jedes Album ein Miniaturbild.
Im unteren Tag werden dann die jeweiligen Miniaturbilder der Alben angezeigt und wenn man diese anklickt werden Sie vergrößert.

So jetzt meine Frage: Gibt es eine Möglichkeit, die Album-Miniaturbilder so zu verlinken, dass ich nicht für jedes Album ein neues HTML Dokument erstellen muss, sondern lässt sich dies irgendwie mit einem Script handhaben?

LG JetForce

/EDIT: Zum Besseren Verständnis: Es gibt verschiedene Fotoalben in denen mehrere Bilder enthalten sind. Nun will ich nicht für jedes Album ein eigenes HTML Dokument machen, sondern wenn ich ein Album anklicke, unten die ganzen Miniaturbilder sichtbar werden, aber im selben HTML Dokument.

2

Hallo,

also mit html wird das nichts, mit php schon eher.
Damit kannst ja ordner auslesen, tumbs erstellen, Links erstellen.

Cheffchen

3

Du kannst es z.B. mit iframe machen

de.selfhtml.org

aber auch mit JavaScript!

$(„#miniaturbild“).click(function(){
$(„#fotogalerie“).load(„galerie1.php“);
});

mein Blog

4

Hallo Artur,

wieso iframe wenn das mit PHP geht?

Cheffchen

5

Danke für die Antworten. Habe mir schon gedacht dass das mit PHP möglich ist. Kann mir jemand sagen wie ich das am besten hinbekomme? Habe einen Ordner „img“ in dem die ganzen Bilder enthalten sind, Miniaturbilder sowie die normalen komprimierten Bilder. Im oberen

- Tag habe ich auch schon die Miniaturbilder eingefügt, nun will ich Sie nur noch so verlinken, dass bei Klick unten die ganzen Miniaturbilder vom Album angezeigt werden, ohne jeweils für jedes ein HTML - Dokument zu erstellen. Hab das mit der Vorschau schon alles mit einem JavaScript gelöst, nur noch bei der Verlinkung hängt’s. LG JetForce :slight_smile:

6

Hallo JetForce,

und wisso fragst dann nicht bei php :O).

Ich habe mal was zusammen gepastelt, der script liest den Ordner „service/img“ aus (relativ zur datei) also in dein „img“ ändern.
Es werden nur Dateien Angezeigt mit den ändungen gif, jpg, png.
Damit bekommst das hin, brauchst ja bloss den Pfad nich fest reinschreiben sondern per Link Dynamisch ändern. So hast eine Seite die n Galerien Zeigen kann.
Ein paar erklärungen sind im code.

So sieht das aus, inkl ein zwei kleine css sachen.

http://s1.image.gd/o/56/56a434d2de8bf74b7ddcfc321ebc52b212da9f18.jpg

Und zum schluss noch der code, als php Datei Anlegen und hochspielen:[PHP]

Ordner Auslesen <?php $dir = 'service/img'; // Pfad zum Ordner der ausgelesen werden soll $opendir = opendir($dir); while ( $filename = readdir($opendir) ) { $path = realpath("$dir/$filename"); $type = explode( '.', basename($path)); if($filename != '.' && $filename != '..' && $filename != 'Thumbs.db' && $filename != '.htaccess' && preg_match('/(\.gif|\.png|\.jpg)$/i',$filename) ){ //erlaubte endungen $files[] = array ( 'time' => filemtime ($path), 'path' => $path, 'name' => $filename, 'idir' => is_dir ($filename), 'dir' => $dir, #'ext' => $type[0], 'ext' => $type[count($type)-1] ); } } closedir ( $opendir ); // Dateien sortieren $key = in_array($_GET['order'], array('time', 'ext', 'name')) ? $_GET['order'] : 'time'; // wo nach sortiert werden soll : 'XXXX'; echo "sortiert nach $key:
"; for($i = 0; $i < count ($files); $i++){ $sort[] = $files[$i][$key]; } arsort($sort); // sortierung auf/absteigend // hier ist die eigentliche ausgabe der Bilder foreach ( $sort as $key=>$val ){ echo "
".date('d.m.Y-H:i',$files[$key][time])."
{$files[$key][name]}
"; } ?> [/PHP] Cheffchen
7

Danke, werde es später gleich mal ausprobieren. Falls ich Probleme habe wende ich mich dann direkt an die PHP - Abteilung :wink:
Danke
JetForce