Lightbox mit Zoom, nur durch eine Klasse

[stobi_de]

Mal etwas Sinnvolles von Mr. Chat und mir.
Es wird nur eine Klasse aus einer extern einzubindenden Javascript Datei hinzugefügt.
Dadurch wird das Bild in einer Lightbox angezeigt, die selbst noch gezoomt und verschoben werden kann, auch am Handy funktioniert. Es wird automatisch ein Lupensymbol eingefügt.
Das Ziel war vor allem, dass die Sache sehr einfach sein sollte.
Gibt es schon aus dem Hause VN? Dann vergessen wir das hier

https://www.laermschutz-bau.de/technik.php
Unten das Bild bei "Anbringen an einer Wand mit Kleber..."

[Volker]

Ne gibt es noch nicht

Aber schau ich mir mal an

[Tommy Herrmann]

Moin,

mein ChatGPT hat mir schon öfter mal eine eigene Lightbox in einen Block eingebaut - also damit meine ich nicht die berühmten, bekannten Scripts, wie die von der originalen "Lightbox 2" oder die von der "Glightbox".

Zum Beispiel hier in diesem gegenläufigen Slider von ChatGPT ist eine ganz einfach Lightbox direkt im Block eingebaut. Kannst den Block ja mal downloaden und gucken.

https://www.mobirise-tutorials.com/AI-B ... g-lightbox

Nur durch eine "CSS-Klasse" funktioniert ja nun jede Lightbox.

Deine Lightbox gefällt mir gut mit der Lupenfunktion.

[Volker]

Meinungen ?

Brauchbar oder Spielerei ?

[Tommy Herrmann]

Äh - das ist großartig - natürlich musst Du das rausbringen.

Das ist jetzt wie eine Lightbox oder wie zu verstehen??? Oder benötigt es eine vorhandene Lightbox?

… und funktioniert mit allen Bildern, wenn Schalter ein?

Bitte noch eine Opacity-Einstellung für die Abdunklung und dann nehme ich das Teil unter die Lupe

Eigentlich fände ich einen Schalter großartig, der jedes Bild, jede Galerie in Mobirise mit einer Lightbox versieht.

[Volker]

Moin Tommy,

das Tool macht nur aus vorhandenen Lightboxen eine mit Zoom. Du meinst jedes Bild im Projekt anklickbar mit Lightbox? Hmm.... da gehe ich noch mal ran .... warte .... das ist spannend



Tommy hau rein und teste mal durch
https://www.niederastroth.de/mobirisebl ... t=VN+Tools

[Tommy Herrmann]

Ich teste gleich mal

Was macht das mit dem Logo in der Navi?

[Tommy Herrmann]

Was macht das denn für ein ulkiges Cover-Bild beim Importieren - mit scrollbarem Code

[Volker]

Ich teste gleich mal

Was macht das mit dem Logo in der Navi?

Ausblenden

[Volker]

Offizielles Video

[Volker]

Was macht das denn für ein ulkiges Cover-Bild beim Importieren - mit scrollbarem Code



Import-Bild mit Code.jpg

Mal was neues Tommy

[Tommy Herrmann]

Tests auf Fehler

> Das Lupensymbol lässt sich zwar abhaken - es wirkt aber nicht - ist auch bei erneutem Aufruf wieder angehakt. Bei angehakter Lupe solte diese aber auch nur bei Mausüber erscheinen und nicht permanent.

> Beim Schließen einer Lightbox sollte nicht auf den Block gescrollt werden, sondern die Box sich einfach schließen.

> Ein Klick auf das Lightbox-Bild schließt die Lightbox mit Scroll auf Block. Ein Klick auf das Bild darf gar nichts bewirken.

[Volker]

Moment

[Volker]

Erweiterung löschen und die neue importieren

Alles gefixt

[Tommy Herrmann]

Fehler Analysen

> Die ALT Texte werden bei mir nicht (wie in Deinem Video gezeigt) angezeigt, sondern die Bildanzahl wie 1 / 4, was ich auch besser finde.

[Volker]

Dann tipp mal neue ALT TExte

PS: Bleibt jetzt so

ALT Texte kannst ja auch aus schalten

[Volker]

Thema schon erledigt Tommy

Seiten die keine Lightbox haben sollen einfach eintragen

JETZT im Download

Könnte man auch andersrum machen. Nur Seiten wählen wo die Lightbox greifen soll

[Tommy Herrmann]

... schon gesehen - muss man ein wenig rum probieren.

Fehler Analysen

> Beim Schließen der Lightbox scrollt die Anwendung die Seite und springt zum aktuell betrachteten Block — dieses Verhalten ist unerwünscht. Egal, ob die Lightbox über den Schließen‑Button (X) oder durch Klick auf den Hintergrund geschlossen wird: Es darf kein Scrollen stattfinden.

[Tommy Herrmann]

Fehler Analysen und Verbesserungen

> Die "Ausnahmen" werden zwar angenommen, werden aber beim Wechsel zur Seite sofort wieder gelöscht und wirken daher in keinem Fall.

> was ich mit der Lupe bei Mouseover meinte, ist eigentlich nicht der kleine Mauszeiger mit der Lupe, sondern die Lupe so in der Größe und Art (am besten genauso) wie es Mobirise bei der Lightbox macht - siehe Screenshot:

[Volker]

Alles gefixt
bitte neu installieren und testen

Geht jetzt alles