Alex: dynamisches Fotoalbum

Beitrag lesen

Nabend,
Ich bin mir sicher, dass Javascript das alles erledigen kann.
Das sähe dann z.B. so aus:

fotoListe = [];
// Pass 1:
fotoListe[0] = [];
fotoListe[0][0] = 'Pass1Bild1.jpg';
                        //...
// Pass 2:
fotoListe[1] = [];
//...

currentListe = null;
currentPosition = 0;

function changePic()
{
document.getElementById('Bild').src = currentListe[currentPosition];
}


> ~~~html
  

> <!-- Links in deiner 'Pässeliste' -->  
> <a href="#" onClick="javascript:currentListe=fotoListe[0]; changePic();">Pass 1</a><br>  
> <a href="#" onClick="JavaScript:currentListe=fotoListe[1]; changePic();">Pass 2</a><br>  
> ...  
> <!-- img einfach dort einfügen wo du dann das Album anzeigen willst -->  
> <img id="Bild" />  
> 

So wäre der grobe,grobe,grobe Grundriss.
(Was natürlich zu ändern wäre (falls du es sauber getrennt haben willst), sind die Event-Handler, die im Script-Bereich mit addEventListener() hinzuzufügen sind.)
Nun bräuchtest du nur noch ein paar Buttons mit Funktionen wie 'next Pic', 'last Pic' etc.

Ich habe selber vor einigen Monaten nach diesem Schema einige Alben erstellt - läuft gut und fehlerfrei.
Theoretisch unschön wird es wenn du die Bilder verschiebst; aber ich denke dann kannst du mit der  »Ersetzen«-Funktion  des Editors arbeiten und die ganzen Pfadangaben korregieren.
Allerdings wird es meines Erachtens extrem unschön wenn du ein Bild aus dem Array entfernen möchtest  - aus einem laaaangen Array. Habe bisher keine Idee wie man die Nummern dann 'zeitschonend' korregieren kann.
Nichtsdestotrotz: es läuft.

Grüße,
  Bernd

Hallo Bernd,

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. 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. 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.

2. 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.

Ich müsste aber wenn ich neue Bilder habe, jeweils das Javascript anpassen. Genau das wollte ich eigentlich vermeiden. 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. So dass ich bei neuen Bildern, gar nichts programmieren muss und nur die Bilder in die Datenbank lade. Problem könnte natürlich sein, dass ich mich auch mit MySQL und was man da vielleicht sonst so benötigt nicht auskenne :-)

Ich werde jetzt mal versuchen, das so wie von dir vorgeschlagen zu machen. Weiter ausbauen kann ich ja immer noch und so hab ich dann auf jeden Fall wieder was gelernt.

VG
Alex