Antwort an „Matthias Scharwies“ verfassen

Servus!

  1. thumbnail-Links öffnen Unterseiten.“

Ich dachte es gibt in JS eine Möglichkeit sich einen Array von einer anderen Seite zu schnappen! Geht wohl nicht!!

Nein, du kannst in JS nicht auf andere Seiten (oder auf das Dateiverzeichnis des Servers) zugreifen. Deshalb sollten die Bilder (oder URLs) schon auf der Webseite sein.

Dein Slider sieht gut aus und funktioniert!

Ich würde mir jetzt überlegen, wie der Ur-Zustand aussehen soll.

Alle Bilder als thumbnail in einer section. Falls es mehr sind, durch einen Pfeil anzeigen, dass man weiterklicken kann. So hast du das ja schon.

Ein Klick öffnet das Bild in Groß-Ansicht (Hast du) und es werden Pfeile eingeblendet/ erzeugt. (Kein links-Pfeil beim 1., kein weiter-Pfeil beim letzten. Oft hat man unten Punkte, die zeigen, wie viele Bilder in der Galerie sind.

Was Du jetzt tun musst, ist es das Script so zu schreiben, dass du eine beliebige section einliest und zur Galerie machst. Keine festen Namen, sondern Variablen:

z.B.

currentGallery = section, in die geklickt wurde. Das erreichst du mit event.target

BTW: Ich glaube, jetzt Dein Ursprungsproblem verstanden zu haben:

<!---
????class sec dient möglicherweise zum navigieren der Pfeile in JS 
für den Sprunganker???? 
--->

Sprungmarken kannst du nur mit IDs machen. Für die Galerie brauchst du nur die Liste aller Bilder mit querySelectorAll('img') und deren Nummern innerhalb der Liste.

Klassen verwnedest du eh zu viele. Nimm eine id oder Klasse und selektiere dann deren kindelemente über den Namen:


.gallery img {}

.gallery button.back,
.gallery button.next{
}

Herzliche Grüße

Matthias Scharwies

--
Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen