Bild Popup per Klick - Webseiten-Hintergrund unterschiedlich dargestellt - Cassiopeia

    Joomla Version
    4.4.1
    PHP Version
    PHP 8.1.x
    Hoster
    Alfahosting
    Link (URL) zur Seite mit dem Problem
    https://gsh.steterburg.de/

    Moin ihr,

    warum verschiebt sich der Inhalt der Webseite beim Popup nach einem Klick auf das Bild? Genutzt wird JCE Pro mit jce-mediabox.

    Auf einer anderen Seite (gleiche Systemvoraussetzung) geschieht dies nicht, siehe hier:

    Home

    Auch wenn das Modul "Neuste Beiträge" in die Sidebar links verortet wird erfolgt keine Änderung.

    Was habe ich übersehen? pardon

    Danke für einen Tipp.

    seltsames Verhalten, bei mir ist das Popup beim ersten Mal klicken nach oben verschoben, wenn ich es danach schließe und wieder öffne, wird es zentriert dargestellt.

    Gleiches Verhalten wenn ich die Seite schließe und neu aufrufe... Browser ist FF

    Jain.

    Irgendwie ist die Berechnung für den vertikalen Bereich beim Popup des Bildes verschieden bei den beiden Webseiten (einmal ganzer Bereich, einmal nur Beitragsbereich?). Wenn das Bild das erste Mal aufgerufen wird, ist die Webseite (im Hintergrund) vertikal 'gemittelt' verschoben. Ruft man das Bild genau dann ein zweites Mal auf, passt alles, weil sich keine Verschiebung ergibt.

    Wehe, du verschiebst die Ansicht der Webseite vertikal wieder und rufst dann das Bild erneut auf. Dann wird die Webseite wieder 'vertikal gemittelt'.

    Wieso dies in diesem Fall so ist, verstehe ich nicht. Alle Parameter geprüft (mediabox, jce, template). Passt alles wie bei der 'funktionierenden' Webseite. hmm

    Vielleicht hat noch jemand eine Idee, sonst bleibt´s erst einmal so. Schön ist´s nicht.

    Danke für Infos. beer

    Hallo Shuffle,


    sicherheitshalber gefragt: Bei der funktionierenden Seite (gobs), nach Anklicken sieht man das Bild in groß.

    Muss aber den Retourbutton benutzen, um retour zu gehen. Nehme an, das möchtest Du so?


    Jetzt hab ich mal die Codes von Seite gobs in die Seite gsh gegeben. War dann so wie auf der funktionierenden Seite.

    Zitat von Shuffle

    Alle Parameter geprüft (mediabox, jce, template). Passt alles wie bei der 'funktionierenden' Webseite. hmm

    Würde mir die Parameter nochmals vergleichen. Unterschiede, siehe orange:


    "gobs" Seite:



    "gsh" Seite:



    Liebe Grüße
    Christine

    Liebe Christine,

    Zitat von christine2

    sicherheitshalber gefragt: Bei der funktionierenden Seite (gobs), nach Anklicken sieht man das Bild in groß.

    Muss aber den Retourbutton benutzen, um retour zu gehen. Nehme an, das möchtest Du so?

    erst einmal Danke für deine Nachricht.

    Komisch ist, dass bei mir beide Bilder gleich behandelt werden bezüglich schließen: Entweder mit Escape-Taste oder unten rechts auf das eingeblendete Kreuz klicken (FF, Chrome). Du meinst doch mit 'Retourbutton' den 'Zurück'-Button vom Browser?

    Zitat von christine2

    Würde mir die Parameter nochmals vergleichen. Unterschiede, siehe orange:

    Das wird es sein! Leider komme ich heute nicht mehr zum Nachsehen bzw. ausprobieren. Auf die Schnelle geschaut, sehe ich aber bei gsh:

    Code
    <a href="/images/Startseite/Schnee2023-1.jpg" class="jcepopup" data-mediabox="1" data-mediabox-title="Endlich Schnee"><img src="/images/Startseite/Schnee2023-1.jpg" alt="Endlich Schnee" width="1600" height="1200" style="display: block; margin-left: auto; margin-right: auto;" /></a></p>

    Kann vielleicht sein, dass ich nach deiner Recherche noch etwas geändert habe?

    Habe ganz lieben Dank für deinen Hinweis - morgen mehr. chinese

    Herzliche Grüße! beer

    Hallo Reiner - meine Korrektur zu:

    Zitat von Shuffle

    Komisch ist, dass bei mir beide Bilder gleich behandelt werden bezüglich schließen: Entweder mit Escape-Taste oder unten rechts auf das eingeblendete Kreuz klicken (FF, Chrome). Du meinst doch mit 'Retourbutton' den 'Zurück'-Button vom Browser?

    Ja, das mit Retourbutton meinte ich den Browser. Hatte keinen "Öffnen/Schließen", weil bei mir NoScript an war :)


    Liebe Grüße

    Christine

    Hallo Christine,

    vermutlich hatte ich gestern vor dem Lesen deines Posts noch Veränderungen vorgenommen?

    Heute habe ich mir noch einmal beide Seiten angeschaut, sehe aber keinen Unterschied mehr. Beide enthalten bei dem Bild

    Code
    class="jcepopup" data-mediabox="1"

    In meiner 'Verzweiflung' ist sogar noch ein Rand beim gsh-Bild (Schnee) gesetzt (wie bei gobs), was natürlich keine Auswirkungen hatte.

    Also, ich weiß wirklich nicht mehr weiter, woran es noch liegen kann. pardon

    Dann wird bei der gsh-Seite das (oder der?) Bild-Popup wieder entfernt, damit ist der unschöne Effekt nicht mehr zu sehen.

    Trotzdem würde ich gerne wissen, warum es zu dieser fehlerhaften Darstellung kommt. hmm

    Beste Grüße

    Reiner

    Hallo Reiner,

    Zitat von Elwood

    Wenn ich auf das Bild klicke, funktioniert es auch (FF).


    Da verschiebt sich nichts. Das Bild geht in der Mitte auf.

    Der eigentliche Inhalt der Website ist ja schon vorher etwas links angebracht.

    Kann ich bestätigen.


    Hab mal bei einer Tombola ein Lineal gewonnen (ha). Linken und rechten Rand abgemessen :)

    Natürlich abhängig von der Bildschirmgröße: Mal 8, irgendwas oder 11, irgendwas cm gleich.


    Den #15 Link muss ich erst noch lesen.


    Aber eine andere Frage: Wieso verwendest Du das Media Pop-UP? Deine Bilder sind ja eh groß.

    Weil: Hab das auch mal verwendet aber umgekehrt. Heißt: Z.B. side-bar-left oder right, oder, oder:

    Ein Vorschaubild ca. 200 Breite. Beim Klick drauf (wenn man wollte), erschien (durch Pop-Up Einstellungen) ein größeres Bild. War jetzt nur so ein Gedanke :)


    Liebe Grüße

    Christine


    OK. Eintrag dort nun gelesen. Nochmals geguckt. Beim "issue gsh" ist es zentriert.

    Sieht nur verschoben aus, da, siehe oben von Elwood.

    Moin Christine,

    merkwürdig, bei mir geht das Bild bei gsh nicht in der Mitte auf (ich meinte die VERTIKALE Mitte, wie geschrieben) und die Webseite im Hintergrund verschiebt sich (vertikal). Habe versucht, diesen Effekt in #9 zu beschreiben. Das sieht dann so aus:


    Um unsere Energie zu sparen, warten wir am besten erst einmal ab, was die Entwickler meinen.


    Warum popup? Auf Monitoren mit hoher Pixelbreite macht es m.M.n einen eindrucksvollen Unterschied, siehe die beiden Bilder unten.

    Natürlich schauen sich die meisten Eltern (sind ja Schul-Webseiten) die Webseite der Schule ohnehin nur mit ihrem Mäusekino an. Habe ja geschrieben, dass ich den Effekt ggf. auch ausschalten werde. Fehlersuche ist noch im Gange.

    Vor Klick

    Nach Klick

    Danke euch und viele Grüße

    Reiner

    Moin Stef,

    danke, für den Hinweis - Parameter gesetzt und alles sieht gut aus. Tatsächlich hatte ich vorher keine Sprachdatei für die Mediabox installiert. Das habe ich nun nachgeholt. Vielleicht hätte ich die Einstellung zum Scrollen nun auch selbst gefunden (schäm). rofl


    Nochmals besten Dank an alle Helfenden!

    Reiner