Contao-Camp 2024
Ergebnis 1 bis 9 von 9

Thema: fipps/contao-parallax-bundle - Keine Ausgabe auf mobilen Geräten

  1. #1
    Contao-Fan Avatar von operatorone
    Registriert seit
    19.06.2009.
    Ort
    Kitzingen
    Beiträge
    547

    Standard fipps/contao-parallax-bundle - Keine Ausgabe auf mobilen Geräten

    Hallo zusammen,

    ich habe die Parallax Erweiterung fipps/contao-parallax-bundle im Einsatz und habe bemerkt, dass das Bild des Hintergrundes auf mobilen Geräten nicht ausgegeben wird.

    Desktop
    HTML-Code:
    <figure style="display: none;
    width: 0;
    height: 0;
    overflow: hidden;" data-align="1">
    <picture>
    <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source srcset="assets/images/b/Beinknochen-6b00e6fd.jpg 1x, assets/images/5/Beinknochen-7d325043.jpg 2x" media="(max-width: 480px)">
    <source srcset="assets/images/9/Beinknochen-8d06ee6f.jpg" media="(max-width: 800px)">
    <source srcset="assets/images/1/Beinknochen-90e8dc65.jpg" media="(max-width: 1368px)">
    <!--[if IE 9]></video><![endif]-->
    <img src="assets/images/7/Beinknochen-6b128da6.jpg" alt="" itemprop="image">
    </picture>
    </figure>
    </div>
    <div class="bgImage" style="background-image: url(&quot;https://www.ortho-hoechberg.de/assets/images/7/Beinknochen-6b128da6.jpg&quot;); background-position-x: 1px; transform: translate3d(0px, -37.2388%, 0px);"></div>
    Hier wird das DIV bgImage ausgegeben.

    Mobiles Gerät (iPad, iPhone)
    HTML-Code:
    <figure style="display: none;
    width: 0;
    height: 0;
    overflow: hidden;" data-align="1">
    <picture>
    <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source srcset="assets/images/b/Beinknochen-6b00e6fd.jpg 1x, assets/images/5/Beinknochen-7d325043.jpg 2x" media="(max-width: 480px)">
    <source srcset="assets/images/9/Beinknochen-8d06ee6f.jpg" media="(max-width: 800px)">
    <source srcset="assets/images/1/Beinknochen-90e8dc65.jpg" media="(max-width: 1368px)">
    <!--[if IE 9]></video><![endif]-->
    <img src="assets/images/7/Beinknochen-6b128da6.jpg" alt="" itemprop="image">
    </picture>
    </figure>
    Hier fehlt das DIV bgImage.

    Kann mir ggf. jemand dabei helfen herauszufinden woran das liegt oder vielmehr zu beheben, dass das bild auf mobilen Geräten verschwindet. Im Githaub konnte ich keinen Issue dazu aufmachen, da diese Funktion im Repository deaktiviert ist.

    Viele Grüße,
    operatorone

  2. #2
    Contao-Fan Avatar von operatorone
    Registriert seit
    19.06.2009.
    Ort
    Kitzingen
    Beiträge
    547

    Standard

    Ich habe gesehen das in den Dateien

    vendor/fipps/contao-parallax-bundle/src/Resources/public/js/parallax.js
    vendor/fipps/contao-parallax-bundle/src/Resources/public/js/parallax.min.js

    folgende Zeile steht:

    Code:
    if(/Mobile|Android/.test(navigator.userAgent))
    Ich habe diese auskommentiert, nun werden die Bilder angezeigt. Welche Bewandnis wohl diese Anweisung hat?

    Viele Grüße,
    operatorone

  3. #3
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.898
    Partner-ID
    10107

    Standard

    Auf mobilen Geräten wird das JavaScript grundsätzlich nicht gut (Android) oder gar nicht (iOS) funktionieren. Die Bild Position wird nämlich mit dem scroll Event neu berechnet. Auf mobilen Geräten wird dieses Event aber nicht so oft gefeuert, wie auf Desktop Geräten. Selbst auf Desktop Geräten, sollte man das so nicht mehr machen.

    Daher wurde die Parallax Funktion auf mobilen Geräten vermutlich einfach deaktiviert.

  4. #4
    Contao-Fan Avatar von operatorone
    Registriert seit
    19.06.2009.
    Ort
    Kitzingen
    Beiträge
    547

    Standard

    Das kann ich verstehen und das ist auch kein Problem. Wenn die Erweiterung dann einfach das Bild ausgeben würde, könnte ich damit leben. Das aber so gar nichts angezeigt wird ist eher unpraktisch. Vielleicht kannst du mir einen Tipp geben, wie ich im Javascript das Bild ausgebe ohne die Parallax-Funktion mobil zu aktivieren.


    Gesendet von iPad mit Tapatalk Pro

  5. #5
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.898
    Partner-ID
    10107

    Standard

    Ich denke da solltest du eher den Entwickler direkt kontaktieren bzw. ggf. beauftragen.

  6. #6
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.426

    Standard

    Hallo operatorone,

    hast du diesbezüglich mit dem Entwickler schon kontakt aufgenommen? Ich bräuchte auch eine brauchbare Lösung!
    LG, Andi

  7. #7
    Contao-Fan Avatar von operatorone
    Registriert seit
    19.06.2009.
    Ort
    Kitzingen
    Beiträge
    547

    Standard

    Hi m-werk, nein noch nicht. Auf Github kann man ihn nicht kontaktieren und wie er hier eventuell im Forum heisst, weiss ich nicht. Ich glaube, man muss ihn direkt über die Agentur-E-Mail anschreiben. Ich werde noch mal recherchieren, aber ich glaube es ist Arne Borchert von https://www.fipps.de

    Vielleicht kannst du ihm auch eine Zeile schreiben :-)

    Viele Grüße,
    operatorone

  8. #8
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.426

    Standard

    Ok, danke für die info. Ich werde ihn auch anschreiben, wobei ich zwischenzeitlich auch eine andere Version von Parallax installiert habe, die für Mobile Geräte auch passt.
    Hier wird das Javascript deaktiviert und das Hintergrundbild bleibt als solches.

    Es ist jenes Paket: hypergalaktisch/contao-parallax.

    Das funktioniert bestens und ich verwende es aktuell in der Contao-Version 4.7.6
    LG, Andi

  9. #9
    Contao-Fan Avatar von operatorone
    Registriert seit
    19.06.2009.
    Ort
    Kitzingen
    Beiträge
    547

    Standard

    Die Erweiterung hypergalaktisch/contao-parallax habe ich sonst auch immer im Einsatz. Hier fehlte mir aber dir responsive Bildgröße. Das war der Grund für die Erweiterung von Fipps. Falls der Fix aber nicht mehr vor dem Release kommt, werde ich wohl umschwenken müssen.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •