Diashow mit Javascript ?

tobntno

Mitglied
Nachdem ich gestern so schnell eine Antwort auf meine Frage erhalten habe, würde ich gern wissen, ob Ihr mir vielleicht auch hiermit helfen könnt:
Auf meiner Seite, die sich hauptsächlich um Bilder dreht gibt es viele Fotogalerien mit Übersichtsseiten. Wenn man nun hier ein Bild anklickt öffnet sich eine Unterseite mit dem Bild + Rahmen. Ich würde hier gern eine Diashow einbauen.

Zuerst habe ich mir überlegt, dass man einfach eine Variable erstellen müsste, die dann einfach +1 erhöht wird und dann mit gotopage zur nächsten Seite wechselt.
Klappt aber leider nicht, da die Seiten nicht fortlaufend nummerriert sind, sondern z.B. DSCF4297.html , dann 4299 oder DSCF4345.html heißen. Ich weiss, dass es noch andere Möglichkeiten gibt eine Diashow zu machen, aber ich würde gern bei meinem jetzigen Layout der Seiten bleiben.
Der Link zur nächsten Seite wird ja immer in der 3. Zeile der Tabelle angezeigt:
Code:
<a href="DSCF4299.html" ><img src="../images/classic_next_button.gif" alt="Next" border="0" hspace="3"></a>
Es müsste dann doch möglich sein, dass Javascript die Zeile ausliest um zu wissen, wie es auf die nächste Seite kommt, oder ?

Soviel zur Theorie, aber wie kann man das umsetzen und vor allem wie schafft man es, das diese Diashow auf der neu geöffneten Seite weiss, ob sie jetzt aktiviert ist und weitergehen soll, oder ob sie abgeschaltet ist und nicht automatisch vorspulen soll ?

Ach ja, hier mal eine Galerie-Seite als Beispiel:
http://www.worldofpictures.org/html/manhattan.html

Danke im Vorraus !
 
Frage:

Warum änderst Du nicht einfach die Dateinamen, das hat doch mit dem Layout nicht zu tun?


Umsetzungmöglichkeit:

Speichere alle Links in einem Array und rufe sie dadurch auf...
 
Hmm,
Also die Dateinamen möchte ich eigenlich ungern verändern - denn so wie sie jetzt sind, finde ich die Bilder schnell wieder, wenn ich den Dateinamen verändere gibt es keine Verbindung mehr zum Original und man muss es "optisch" suchen.

Ist es denn nicht irgendwie möglich, Javascript den Link auslesen zu lassen, da er immer an der gleichen Stelle sitzt ?
 
Dann nimm einfach den Lösungsansatz, den ich erwähnte:

Speichere alle Links in einem Array

Lasse in eine Variable den aktuellen Wert speichern

nun kannst du vor und zurück und sogar zum gewünschten Ziel springen
 
Das mit dem Array ist sicherlich machbar und für kleinere Galerien auch kein sooo großer Aufwand. Ich habe aber keine Lust bei den großen Galerien (z.B. von einer Hochzeit mit mehr als 200 Bildern) jeden Link in einen Array einzugeben und das dann im Nachhinein in die soweit automatisch erstellten Galerien zu ergänzen. So wie ich es gern hätte - nämlich über Javascript den bereits vorhanden Link aufzurufen geht also nicht ?
 
Bildergalerie

Hallo tobntno,
ich bin noch nicht so Fit in JS, allerdings in anderen Sprachen
würde ich aus einem Ordner(Pfad zu den Bildern) einfach alle
elemente Zählen und die Namen in eine Liste schreiben.
Diese Liste kann man dann bestimmt mit +1 abarbeiten,
ist die Anzahl der Bilddateien erreicht, fang einfach von vorne an ..
oder die Galerie stoppt ...z.B.

Auf diese Art kannst Du jederzeit diese Bilder ändern, ohne
dass es eine Änderung des Codes nötig hat.

Gruß, Kromee
 
Hallo....

einen Link auszulesen...das geht schon.
Verpasse dem Link eine ID... z.B. 'next' oder 'preview'...dann kannst du das Linkziel per
Code:
document.getElementById('next').href
bequem auslesen.

Um jetzt bspw. die Folgeseite aufzurufen, und ihr mitzuteilen, dass die Show läuft, hänge eine Variable an die URL ran, wenn du die Folgeseite aufrufst, z.B.
Code:
document.location=document.getElementById('next').href+'?forward';
Die kannst du dann auf der Folgeseite mit "location.search" auslesen, und jenachdem die "Show" weiterlaufen lassen.

Hab mal ne Demo dafür zurechtgemacht:Klick
 
Danke für die Antwort ! - klingt schon mal recht vielversprechend - ich setze mich morgen mal dran und versuche es umzusetzen ...
 

Neue Beiträge

Zurück