WBCE CMS Forum

byteworker

Member

MiniHero Banner mit Parallax

Ich habe da zufällig ein neues Modul von Ruud (danke dafür) entdeckt.

Wem noch nicht bekannt, damit gehen ganz einfach die typischen Hero Images mit zentriertem H1 und in Version 0.3 lassen sich die Texte auch animiert einblenden... richtig Wuschi-Flutschi!

https://dev4me.com/modules-snippets/ope … llax-demo/

Mit Chios "Teasers" drunter, hat man ruck zuck ein WP Theme gebaut 

LG Norbert

---

= Templates für WBCE

grindbatzn

Guest

Re: MiniHero Banner mit Parallax

Ja - MiniHero hat sich ganz schön gemausert muss ich sagen!

grindbatzn

Guest

Re: MiniHero Banner mit Parallax

Auf vielen (den meisten) Modulen funktionier der Paralax effekt nicht.
Bei denen, wo es nicht funktiuoniert, geht es mit

.parallax-mirror {z-index:1 ! important;}
.minihero {z-index:1000;}

Das klemmt aber wieder bei anderen Templates..
Und es kommt zu flackern, wenn der Parallax-Bereich über die Fensteroberkante kommt.

Oder andere z-index Probleme, zb:
https://wbce.at/tpls/unterseiten.php?switch=lesefaken

Seltsam..

byteworker

Member

Re: MiniHero Banner mit Parallax

Schaut seltsam aus ja.
Ich habe es eingebaut, am Anfang gabs zicken mit einem alten Script, das ich im Fuss eingebunden hatte. Jetzt läuft alles bis auf die CSS Transitionen, die gehen bei mir auch nicht.

Ich musste allerdings zuerst das alte minihero komplett runterwerfen, inkl. Daten rausputzen, dann lief es.

http://www.marias-bilderwelt.ch/

Last edited by byteworker (18.07.2017 19:27:33)

---

= Templates für WBCE

grindmobil

Guest

Re: MiniHero Banner mit Parallax

Gemeinsam mit Teasers und der MiniGallery (oder RFG) auf jeden Fall eine super Sache - wie man an deiner Website sieht. Seht coole Sache.

Beim parallax.js gibt es scheinbar eben Probleme, wenn der Container innerhalb einer Box mit Hintergrundfarbe liegt. Das lässt sich aber nicht so einfach reparieren.
Muss ich schauen, wie und wo das Sinn macht.

byteworker

Member

Re: MiniHero Banner mit Parallax

http://markdalgleish.com/projects/stellar.js/docs/

Damit habe ich den Effekt zuerst gemacht. Das lief bei mir auf Anhieb. Erst danach fand ich Ruuds Modul. Eventuell ist das was für Teasers?

---

= Templates für WBCE

grindbatzn

Guest

Re: MiniHero Banner mit Parallax

stellar:
Da gibts bereits einige Templates, die so einen ähnlichen Effekt nutzen:
https://wbce.at/tpls/template-cloudz.html
https://wbce.at/tpls/template-dotsflow.html

bez Teasers denke ich daran, statt Bildern auch FA-Icons zu ermöglichen.

nickfake

Member

Re: MiniHero Banner mit Parallax

Guten Tag,

bei mir bleibt der Hintegrund, bei aktiven Parallax Effekt, grau. Ich verwende das Scachgar Template.
Lässt sich das einfach lösen?

Danke für eure Zeit.

Gruß

Jan

hgs

Member

Re: MiniHero Banner mit Parallax

Ich kenn das Template nicht, aber...
...such mal im Template-css nach

#wasauchimmer-wrapper {
  background-color: #fff;
}

und deaktivier das mal, bei mir hat es geholfen.

---

LG Harald
"Fange nie an, aufzuhören - höre nie auf, anzufangen." Marcus Tullius Cicero (106-43 v.Chr.)

byteworker

Member

Re: MiniHero Banner mit Parallax

Wenn der graue Hintergrund nur bei aktiviertem Parallaxeffekt zu sehen ist, in der Einstellung "ohne Parallax" aber ein Bild sichtbar ist. Liegt es vermutlich an irgendwelchen Scripten die sich kneifen. Gugge mal, ob JQuery doppelt geladen wird.

---

= Templates für WBCE

nickfake

Member

Re: MiniHero Banner mit Parallax

Danke euch beiden. Ich hoffe Harald hat Recht 
Das andere bekomme ich warscheinlich nicht raus.

byteworker

Member

Re: MiniHero Banner mit Parallax

*gelöscht, weil nicht nötig*

Last edited by byteworker (10.03.2022 14:47:56)

---

= Templates für WBCE

nickfake

Member

Re: MiniHero Banner mit Parallax

oder beide haben Recht

Haralds Lösung hat geklappt aber das Template ist dafür nicht geeignet. Ich ändere das aber eh demnächst.

Danke!!