Antworten auf deine Fragen:
Neues Thema erstellen

Tausch der Lightbox, kann mir bitte jemand helfen?

Triggertrix

Filmwechsler

Hallo,
mir hat ein Bekannter geholfen eine Lightbox in meine Seite zu bauen, da ich nicht mal rudimentär verstehe was da wie funktioniert.
Jedenfalls habe ich jetzt eine gefunden die mehr/besser zu meinen Bedürfnissen passt, mein Bekannter ist aber nicht verfügbar. Daher hier die Frage ob mir jemand kurz weiterhelfen kann?

So sieht es aktuell aus.

HTML:
<div class="image fit hoch">
                <a href="PEOPLE/01.jpg" data-lightbox="people">
                    <img src="index-Dateien/01.jpg" >
                    <div class="caption">People</div>
                </a>
                <a href="PEOPLE/02.jpg" data-lightbox="people"></a>
                <a href="PEOPLE/03.jpg" data-lightbox="people"></a>
                <a href="PEOPLE/04.jpg" data-lightbox="people"></a>
                <a href="PEOPLE/05.jpg" data-lightbox="people"></a>

Das ist jetzt mit dieser Lightbox realisiert. Problem ist, dass die nicht Fullscreen ist.
Die läuft so, dass ein Platzhalterbild zu sehen ist und dann via Klick die Lightbox abfeuert und die Serie (Bild für Bild) zu sehen ist.
Genau so soll es auch weiterhin sein, aber mit dieser Lightbox, (Fullscreen + Cover) die wirklich Fullscreen kann.
Was genau müsste ich da ändern bzw. wie wäre die Schreibweise das richtig zum laufen zu bekommen? Ich habe es jetzt nach fünf Anläufen aufgegeben.
Kann mir bitte jemand weiter helfen?
 

G

Gelöschtes Mitglied 633957

Guest

Dem DIV könnte man eine CSS Klasse mit einer Breite von 100vw und einer Höhe von 100vh hinzufügen. -Beispiel-
Via JS könnte man mit einem Link, Button, etc. die Klassen beim Klick tauschen. -Beispiel-
Um tatsächlich ins Vollbild zu wechseln, wie beim Drücken von F11, kann die Fullscreen API genutzt werden. -Beispiel-
 

Triggertrix

Filmwechsler

Hmmm... entweder ich verstehe deine Antwort falsch oder ich habe mich missverständlich ausgedrückt.
Ich wollte eigentlich „nur“ (kurz gesprochen) die alte lightbox raus und die neue einbauen und weiß eben nicht wie das geht.
Fullscreen kann die neue ja.
 
G

Gelöschtes Mitglied 633957

Guest

Ich habe Dich missverstanden, sorry.
Ich wollte eigentlich „nur“ (kurz gesprochen) die alte lightbox raus und die neue einbauen und weiß eben nicht wie das geht.
Dann muss ja nicht nur das Lightbox Script ausgetauscht werden, sondern es auch noch dem Design der Seite angepasst werden, oder anders herum. Grundsätzlich ist das kein Problem, doch...
da ich nicht mal rudimentär verstehe was da wie funktioniert.
...glaube ich nicht, dass sich das über das Forum so lösen lässt. Das Herunterladen und einfache Einbinden in den vorhandenen Quellcode würde sich sicherlich noch erklären lassen, doch die Anpassungen von HTML, JS/jQuery und CSS werden ohne ein, im schlimmsten Fall, wochenlanges hin und her im Forum, sich nicht bewerkstelligen lassen, zumal momentan auch noch eine veraltete jQuery Version auf Deiner Seite genutzt wird, die nicht mit dem neuen Lightbox Script kompatibel ist. Wenigstens nach meiner Auffassung, ist das fürs Forum äußerst ungeeignet.

Ich würde vorschlagen, das Anliegen in den Auftragsangeboten zu posten. Vielleicht lässt sich dort jemand finden, der es für Dich umsetzen kann. Es ist kein Hexenwerk, doch ein erweitertes Gundlagenwissen sollte schon vorhanden sein.

Edit: Darüber hinaus würde ich einmal die Dateigrößen (sowohl Pixel als auch MB) überdenken. Sicherlich sollen die Bilder in guter Qualität bereit stehen, doch Seitenlängen von über 3840px sind meines Erachtens nicht notwendig und Dateigrößen von 5 bis 6 MB für eine Webseite viel zu groß, auch in Zeiten des High-Speed-Internets.
 
Zuletzt bearbeitet von einem Moderator:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben