Seite 1 von 1

Doppelter Parallaxhintergrund

Verfasst: Fr 22. Mai 2026, 08:58
von Bushisan
Hallo zusammen,

das hab ich uns Internet gesehen und wollte es unbedingt als Mobiriseblock haben.
Bild

Zwei nebeneinanderliegende Hintergrundbilder, die beim Scrollen im Parallaxmodus überfahren werden.
In jedem Fenster ein Textblock der im Fenster frei positioniert werden kann mit einer Überschrift und einem Text
Weitere Einstellmöglichkeiten;

- Abstand nach oben und unten.
- Blockhöhe
- Hintergrundfarbe


https://www.shotokan-karate-dojo-neukir ... und.mbrext

Hoffe der/dem einen oder anderen gefällts!

Re: Doppelter Parallaxhintergrund

Verfasst: Fr 22. Mai 2026, 09:37
von Tommy Herrmann
Prima :tu:

Bin gerade unterwegs und werde es später mal testen.

Re: Doppelter Parallaxhintergrund

Verfasst: Fr 22. Mai 2026, 12:03
von Tommy Herrmann
Habe das mal probiert. Sieht gut aus - nur - am Handy geht es gar nicht :(

Re: Doppelter Parallaxhintergrund

Verfasst: Fr 22. Mai 2026, 19:14
von Bushisan
Ich schau mal ob ich das hinbekomme - allen einen schönen Abend !!!

Re: Doppelter Parallaxhintergrund

Verfasst: Sa 23. Mai 2026, 06:48
von Tommy Herrmann
Moin,

das wird sehr schwierig - am iPhone geht die CSS-Eigenschaft "fixed" sowieso gar nicht.

Warum es bei Dir am Android-Smartphone gar nichts anzeigt weiß ich aber auch gerade nicht :confused:

Übrigens lässt sich dieser Block auf der Arbeitsseite von Mobirise auch nicht verschieben. Dieser bleibt nach dem Verschieben leer.

Ich hatte dieses Problem mal vor vielen Jahren hier angegangen:

https://www.mobirise-tutorials.com/Busi ... xiert.html

Dort geht es um den Parallax-Block ganz oben (Header), der geht auch am iPhone und Android. Vielleicht hilft das Deiner KI.

Auf jeden Fall solltest Du hier mal einen Link zu Deiner Testseite posten, damit man das an allen Geräten testen kann. Das gilt immer - auch für alle anderen Entwicklungen. Man sollte das immer auch zunächst sehen und testen können, bevor man eine Erweiterung als ".mbrext-Datei" installiert.

Re: Doppelter Parallaxhintergrund

Verfasst: Sa 23. Mai 2026, 12:48
von Bushisan
Hallo Tommy,

Du hast recht - ich werde das in Zukunft ausgiebiger testen soweit das für mich möglich ist. Hab nur Apllegeräte. Um ne Anzeige überhaupt hinzubekommen hab ich für die Mobileansicht die Hintergrundbilder ohne Parallaxeffekt fix eingebaut. Aber dann hab ich halt zwei untereinanderliegende Bilder mit Texten. Ich denke ich stelle diese Geschichte ein. Funktioniert ja nur am PC.

Re: Doppelter Parallaxhintergrund

Verfasst: Fr 29. Mai 2026, 21:17
von Volker
Moin,

Urlaub vorbei und nun wieder am PC :D

@Hubi:
Dein Block gefällt mir und deswegen hab ich den zumindest Android fähig gemacht ;) Das Kack Iphones das nicht darstellen können juckt mich nicht, die sehen halt einfach nur das Bild ohne Parallax Effekt - sind halt auch nur Appel User ;)


Hier als Demo : https://www.niederastroth.de/hubi/

Hier als mbrext: https://www.niederastroth.de/hubi/hubi.mbrext

Re: Doppelter Parallaxhintergrund

Verfasst: Sa 30. Mai 2026, 08:07
von struggle
Mir gefällt das am Handy, sieht toll aus :tu:
Volker hat geschrieben: Fr 29. Mai 2026, 21:17 Daß Kack Iphones ......
Da fällt mir die Werbung im Fernsehen ein: Kauf keinen Kack :D

Re: Doppelter Parallaxhintergrund

Verfasst: Sa 30. Mai 2026, 14:08
von Bushisan
Ja klasse, Danke Volker :tu: :prost:

ist schon ein toller Block. Die Idee war aber leider nicht von mir. Hab das im Internet gesehen und wollte es unbedingt als Block :)

Euch allen ein schönes WE

Re: Doppelter Parallaxhintergrund

Verfasst: So 31. Mai 2026, 14:54
von Volker
Ich hab das Ding mal ein bisschen erweitert :D




https://www.niederastroth.de/2bild_parallax.html

Re: Doppelter Parallaxhintergrund

Verfasst: So 31. Mai 2026, 21:16
von Bushisan
WOW, von der Amateurversion zur Profiversion, Chapeau :) :tu: