search

springers54 / reiki

0 stars 0 forks source link

Teaser Slider + Parallax Effekt #142

Closed joergsteinhauer closed 5 years ago

joergsteinhauer commented 6 years ago

grafik

Frage @springers54 : Muss dieser Slider über Admin konfigurierbar sein? Also z.b. Bilder über Mediathek auswählbar sein?

Wenn ja - wäre das hier Plugin notwendig. Wenn nein - würde ich es ohne Plugin machen, was dann besser für Performance ist. Die Auswahl und Anzahl der Bilder wäre eher starr über Javascript und CSS Dateien geregelt - aber das ist relativ einfach und könnte ggf. auch von dir angepasst werden.

Ich wäre für eine Lösung OHNE Plugin.

springers54 commented 6 years ago

Ich bin auf jeden Fall für eine Lösung ohne Plugin, es würde mir eine mögliche Konfiguration ind costum.css reichen, wo ich die Namen der Bilder, die im Slider gezeigt werden, auswählen kann.

joergsteinhauer commented 6 years ago

Ok, dann wird es höchstwahrscheinlich so aussehen:

Aber alles relativ einfach und schnell zu verstehen, dafür schreibe ich dann auch eine Anleitung.

joergsteinhauer commented 6 years ago

Ich habe nun einige Zeit am Slider gebastelt, es war sehr komplex. Es sieht an sich ganz gut aus, wobei nicht ale Effekte etc. Haargenau wie auf der alten Seite sind - ich bin trotzdem zufrieden damit.

Schaue mal bitte drüber.

Es ist im Gegensazu zum Slider auf der alten Seite viel schneller, fühlt sich leichter an, ist auch im Code vieeeel schlanker und kommt ohne WP-Plugins aus, nicht mal jQuery braucht es (nur native JS). Funktioniert auch nicht über shortcodes, sondern direkt als reines HTML.

Die Konfiguration erfolgt aber komplett als HTML im Artikel selbst, dazu werde ich am Ende noch eine Anleitung erstellen.

joergsteinhauer commented 6 years ago

Generell ist die Startseite ein Sonderfall, daher ist da einiges mit reinem HTML umgesetzt - anders als auf der alten Seite - dort ist es auch ein sonderfall, aber die Custom-Sachen sind dort über shortcodes umgesetzt.

Shortcodes sind meist ok, aber erfordern auch viel Aufwand - dazu kommt die Tatsache, dass ich da nicht immer durchblicke und so ein Shortcode für mich schwer zu entwickeln ist - es erfordert eben fundierte PHP WP Kentnisse.

springers54 commented 6 years ago

ich finde das prima so, einzig der auotmatische Wechsel müsstee noch passieren, das war beim alten Slider. Der Parallaxe-Effekt reicht aus und ist sichtbar. Besser finde ich, dass der Bereich nicht ganz so hoch ist und damit nicht so dominand. Die Startseite ist eein Sonderfall. Da kann einiges HTML sein, da bin ich bei dir

joergsteinhauer commented 6 years ago

Super, ja der auto-wechsel kommt noch. Gut, dann sind wir uns einig, das erleichtert vieles!

springers54 commented 5 years ago

Du hast den Sclideshow-Effekt hinbekommen, prima. Ich finde ihn im Moment aber etwas hektisch, das Bild springt zum nächsten. Kannst du es etwas fließender gestalten?

joergsteinhauer commented 5 years ago

Habe es übrigens etwas fließender gestaltet. Passt so? Wenn ja, das Issue bitte gern schließen.

springers54 commented 5 years ago

also im Moment gibt es gar keinen Slider, sondern nur ein Bild, was springt und das auch nach einer ziemlichen Zeit. Da muss etwas kaputt gegangen sein. Im Quelltext wird auch nur noch Slider1 geladen. Das Bild steht eine Zeit, dann ruckt es zum nächsten Bild. Kann man das Bild etwas langsamer einblenden?

Der Parallaxe-Effekt ist sichtbar und reicht aus.

joergsteinhauer commented 5 years ago

Ok, es war tatsächlich immer nur das erste Bild eingestellt. Habe es korrigiert. Der Slider "wischt" von rechts nach links, anerds als auf der alten Seite.

Und es gibt irgendwie Probleme mit dem Slider im FF - hier geht es bei mir nur sporradisch, .z.b wenn ich den Browser neu starte. Im chrome funktioniert alles. Wie ist es bei dir?

Kann man das Bild etwas langsamer einblenden

Meinst du langsamere Animation oder die Zeit zwischen dem Wechseln der Slider verlängern?

springers54 commented 5 years ago

Meinst du langsamere Animation oder die Zeit zwischen dem Wechseln der Slider verlängern?

eine langsamere Animation, die Wechselzeit ist eher etwas zu lang als zu kurz. Bisher hat es im FF bei mir funktioniert mit dem Wechsel.

springers54 commented 5 years ago

Gut ist, dass die Slider in der Höhe weniger Platz beanspruchen als auf der alten Seite.

springers54 commented 5 years ago

prima, danke