GLightbox

Nach einiger Suche nach einer jquery-losen Lightbox für Bild/HTML/Video fand ich GLightbox.
Bei Fotos ist die Lightbox ok.
Wenn ich aber HTML (inline) einbinden will, kann man keine Größenangaben machen, die die API aber hergibt. Er nimmt eine Standardgröße, außerdem ist die Caption (Description) dann 100% breit.
Nun habe ich im Template Höhe und Breite festgelegt, da es nur ein Inhaltstyp ist und per Style die Description-Breite. Ich habe den Typ "Hyperlink" verwendet und auf der selben Seite ein mit style verstecktes HTMl-Element gebaut.

Kann man das nicht über das Feld "Lightbox", das ja für das data Attribut ausgewertet wird, exploden? width:500px;height:500px?
@fritzmg

Ich hänge mich mal hier an ;)
Eigentlich dachte ich auch glightbox wäre eine Alternative, habe aber auch festgestellt, dass die Erweiterung sich anders verhält als das Original.
Sie dazu hier
Bei viieports <768px springt bei mir die Seite immer an den Anfang, was die colorbox eben nicht macht.
Vielleicht gibt es andere User die die nutzen und eine Idee haben wie man die beschriebenen Probleme/ Einstellungen ändern kann.

Hallo, ich verstehe nicht ganz, was Du meinst. Die glightbox ersetzt ja das Verhalten der Colorbox, wenn Du es im Theme - Seitenlayout - JS-Templates angehakt hast.
Bei mir auf meinem Motorola Android mit Chrome öffnet er nur die Lightbox und bleibt aber an der Stelle der Seite ( dort wo ich das Bild geklickt habe).
Vielleicht greift da noch irgendein 'to top' script beim Klick?

Zitat:

---

Zitat von Bennie

Ich hänge mich mal hier an ;)
Eigentlich dachte ich auch glightbox wäre eine Alternative, habe aber auch festgestellt, dass die Erweiterung sich anders verhält als das Original.
Sie dazu hier
Bei viieports <768px springt bei mir die Seite immer an den Anfang, was die colorbox eben nicht macht.
Vielleicht gibt es andere User die die nutzen und eine Idee haben wie man die beschriebenen Probleme/ Einstellungen ändern kann.

---

Zitat:

---

Zitat von Bennie

Ich hänge mich mal hier an ;)
Eigentlich dachte ich auch glightbox wäre eine Alternative, habe aber auch festgestellt, dass die Erweiterung sich anders verhält als das Original.
Sie dazu hier
Bei viieports <768px springt bei mir die Seite immer an den Anfang, was die colorbox eben nicht macht.
Vielleicht gibt es andere User die die nutzen und eine Idee haben wie man die beschriebenen Probleme/ Einstellungen ändern kann.

---

Hi Bennie

Ich habe mir das mit dem css der glightbox so eingerichtet, dass es sich bei unter 768 wie bei größeren devices verhält (alles vertikal zentriert und Text direkt unter Bild, kein Texthintergrund, also immer Text weiß ...)

Ich kann die die genauen Einstellungen nicht aus dem Stegreif ansagen, da ich Hobby-Webdesigner für eigene Zwecke bin -> Playing around with FF Inspector und trial and error ;-) -> nach Änderung den Viewport etwas ändern, da sonst die Wirkung nicht sichtbar ist.
War anfangs etwas mühsam, mich im css der Glightbox zurechtzufinden.

Bis zur Anzeige von Inline-Elementen etc. habe ich mich noch nicht durchgeschlagen ... hier hilft Programmierkundigen sicher die online-Doku der Glightbox.

Vielleicht hilft's noch jemandem , Jahre später :)


Die Glightbox fügt dem html tag die Klasse glightbox-open hinzu mit dieser Angabe

Zitat:

---

@media (min-width: 769px) {

Zitat:

---

.glightbox-open {
height: auto;
}

---

}

---

Wenn man aber im eigenen CSS so etwas hat

Zitat:

---

html, body {height:100%;}

---

läuft man in das o.g Problem mit dem Springen bei viewports <768px

Ich konnte es in meinem Fall jetzt sehr einfach lösen :rolleyes: indem ich die Angabe

Zitat:

---

.glightbox-open {
height: auto;
}

---

ohne media query einsetze - so dass sie immer greift.

Es gab dazu auch einen Eintrag bei GitHub der schon 2018 erfolgte - hatte ich offenbar übersehen damals