Bernd: dynamisches Fotoalbum

Beitrag lesen

Nabend,

danke für den Tipp. So ganz steige ich noch nicht durch. Ich kenne mich mit Javascript nicht wirklich gut aus. Die Scripte die auf meiner Webseite laufen sind alle "geklaut" und lediglich von mir angepasst worden.

Durch 'klauen' & anpassen lernt man ;)

Wenn ich das richtig verstehen, würden mir bei deinem Vorschlag zwei Funktionalitäten fehlen.

  1. Beim Klick auf einen Pass in der Pässeliste würde eine Seite mit dem ersten Bild aufgehen, und durch Klicken auf Next/Prev würde auf der Seite eben das Bild entsprechend gewechselt.

Nicht ganz... Durch einen Klick auf einen Pass in der Pässeliste wird dem <img>-Element (auf  »derselben«  Seite) zuerst dessen src-Attribut auf das 1. Bild des Passes im Array gesetzt.
Willst du dein Bild auf einer anderen Seite darstellen wird es komplizierter.

Ich hätte allerdings gerne, dass nach dem Klick auf den Pass erst eine Seite mit allen kleinen Vorschaubildern des Passes aufgeht und von dort dann erst in das Fotoalbum gesprungen werden kann. Dürfte dann wohl noch etwas komplizierter werden.

Da liegst du ganz richtig... Die Vorschaubilder aus dem Array zu generieren ist dagegen noch ziemlich simpel.
Ich weiß gerade nicht ganz ob man da etwas auf die elegante Art und Weise mit Javascript machen kann. Wie hast du es aufgebaut?
Erstellst du für jeden Pass eine eigene Seite?
--> Dann benötigst du für jede Seite ein neues Array in dem jeweils die Pfadangaben des jeweiligen Passes gespeichert sind. So kannst du nur mit Javascript auskommen.
Oder du machst es ein bisschen schlauer und erstellst 1 Array mit allen Pfadangaben und packst es in eine externe Script-Datei auf die du dann alle Einzelseiten zugreifen lässt. Das einzige, was du dann in jeder Seite ändern musst, ist folgendes: currentListe = fotoListe[?]. Du setzt also für jede Seite den jeweiligen Pass fest.

Oder ist es genau 1 Seite, die beim klicken auf einen Pass-Link ihren Inhalt von demselben abhängig macht?
--> So müsstest du dann ja der 'neuen' Seite dann übermitteln auf welchen Pass-Link geklickt wurde. Meines Wissens nach klappt das nicht mit reinem Javascript - dann kommt PHP ins Spiel (und damit habe ich mich bisher sehr wenig auseinandergesetzt..). (Falls jemand aber weiß wie es mit reinem Javascript ginge: hier sind bestimmt einige die das brennend interessiert)

  1. Ich bräuchte nicht nur Fotoalben für die Pässe, sondern auch für einzelne Urlaube, die eben dann wieder anders zusammengestellt werden. Wobei das wohl dann genauso programmiert werden könnte.

Exakt.. ziemlich ähnlich:

passListe = [];  
urlaubListe = [];

Ich müsste aber wenn ich neue Bilder habe, jeweils das Javascript anpassen.
So dass ich bei neuen Bildern, gar nichts programmieren muss und nur die Bilder in die Datenbank lade.

Ob du nun in deinem Javascript das Array modifizierst

urlaubListe = [];  
urlaubListe[0] = '1.urlaubPic.jpg';

zu:

urlaubListe = [];  
urlaubListe[0] = '1.urlaubPic.jpg';  
urlaubListe[1] = '2.urlaubPic.jpg';  
//...

oder in deiner Datenbank Einträge hinzufügst ist doch einerlei oder? Irgendwo musst du doch was hinzufügen...

Meine Wunschvorstellung ist, dass ich qausi eine Seite als Vorlage habe, in welche die Vorschaubilder geladen werden aus dem heraus dann das Fotoalbum erzeugt wird.

Oben habe ich dir 2 Möglichkeiten geschildert.
Die 1. ist ein größerer Aufwand mit der Erstellung der einzelnen Seiten. ABER: behalte im Hinterkopf, dass du 1x einen großen Aufwand betreiben musst um für alle schon vorhandenen Pässe die Seiten zu erstellen. Danach ist es lediglich 1 Seite die mit jedem neuen Pass hinzukommt.
Die 2. klappt meines Wissens nach nur mit PHP - da müsste dich dann jemand anderes unterstützen.

Grüße,
  Bernd