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

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

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.

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

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

Hallo operatorone,

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

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

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

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.