Problem mit Diashow

[Sly]

Moin,

ich habe gerade die letzten 6h (!) versucht, eine einfache Diashow für meine private Homepage zu erstellen. Sie soll so aussehen, dass ich auf der einen Seite eine Liste Thumbnails habe und auf der anderen Seite das Bild in groß - damit man beim Anschauen nicht jedes Bild extra anklicken muss braucht es auch unbedingt einen kleinen Nächstes-Bild-Knopf.

Nachdem ich anfangs das Ganze als .swf lösen wollte kam ich zu keinen befriedigenden Ergebnissen. Liegt vermutlich auch an meinen mittelmäßigen Flashkenntnissen. Daraufhin hab ich die Geschichte mit Frames probiert.

Nun das grundlegende Problem hierbei: Ist es irgendwie möglich, bei Frames einzustellen, dass man einen Knopf hat, der auf das nächste Bild schaltet? Oder dass man mit einem Klick auf das aktuelle Bild das nächste öffnet?
Ich hab ewig herumprobiert mit %NEXTINDEX%, %NEXTIMAGE% und anderen Methoden, aber ich bekomme das einfach nicht hin, ohne dass ich auf das direkte Bild komme und somit das komplette Seitenlayout verlasse.

Oder wie würdet ihr das Problem lösen? Javascript kenn ich mich fast gar nicht aus, da müsste ich mich erst ewig einlesen.

Das Beste wäre wirklich, wenn ich einfach eine Möglichkeit finden würde, bei Frames ein Bild weiterschalten zu können.

Vielen Dank schonmal!
Sly

[Matze]

Hallo,

Oder wie würdet ihr das Problem lösen? Javascript kenn ich mich fast gar nicht aus, da müsste ich mich erst ewig einlesen.

ich würde es ungefähr so versuchen:

  
<img src="bild_1.jpg" alt="Bild" width="" height="" id="mainpic" />  
<a href="bild_1.jpg" onclick="document.getElementById('mainpic').src=this.href; return false"><img src="bild_1_klein.jpg" alt="Bild" width="" height="" /></a>  
<a href="bild2.jpg" onclick="document.getElementById('mainpic').src=this.href; return false"><img src="bild_2_klein.jpg" alt="Bild" width="" height="" /></a>  
... usw.  

Grüße, Matze

[Sly]

Hi Matze,

danke für die Antwort. Das sieht logisch aus, würde dann anscheinend ohne Frames und ohne Javascript funktionieren.

Das hätte dann nur den Nachteil, dass ich für jede Bildershow das extra mit der Hand schreiben muss, oder?

Ich habe gemerkt, dass Photoshop eine automatische framebasierte Diashow erstellen kann (mit iframe).
Es wäre absolut perfekt, wenn ich einfach in die vorhandene Show die Knöpfe integrieren könnte.

Oder geht es irgendwie auch automatisch?
Wäre doch etwas mühsam, für jede Diashow extra das ganze per Hand zu definieren, vor allem auch mit den Thumbnails..

[Matze]

Hallo,

danke für die Antwort. Das sieht logisch aus, würde dann anscheinend ohne Frames und ohne Javascript funktionieren.

Falsch, die Lösung basiert auf JavaScript.

Ich habe gemerkt, dass Photoshop eine automatische framebasierte Diashow erstellen kann (mit iframe).

Ja und der Picture Publisher erstellt Fotobögen sogar ohne iFrame.
So eine Funktion bieten die meißten kostspieligen Grafikprogramme.
Dabei darf man aber nicht vergessen, dass es sich um Grafikprogramme handelt, welche nur mehr oder weniger sinnvolles HTML ausgeben. Der Code meines alten Picture Publisher ist z.B. eine einzige Katastrophe.

Oder geht es irgendwie auch automatisch?
Wäre doch etwas mühsam, für jede Diashow extra das ganze per Hand zu definieren, vor allem auch mit den Thumbnails..

Du könntest mit PHP alle Dateien eines Verzeichnisses auslesen und dann per Schleife, wie in meinem Beispiel, verlinkt auflisten. Dabei bräuchtest du nicht einmal ein Thumbnail, das könnte PHP nämlich auch noch dynamisch temporär erstellen. Das spart Webspace, belastet aber den Server :)

Grüße, Matze

[Sly]

Danke, hab die Lösugn jetzt ganz anders gefunden. Des Rätsels Lösung heißt:

<A href="%PREVIMAGE%"><img src="../images/previousArrow.gif" height="28" width="18" border="0" alt="%PREVIOUSSTR%"></A>
<A href="%NEXTIMAGE%"><img src="../images/nextArrow.gif" height="28" width="18" border="0" alt="%NEXTSTR%"></A>

Jetzt geht alles :-)