alternative zu jQuery Backstretch ?

[ways2web]

Hi community,

kennt ihr einen resonsiven full-background-slider mit Fade und Navigation?

ich hab natürlich viele ergoogelt... aber außer dem nicht so tauglichen backstretch (angeblich Mobile ready phone & tablet) gibt es viele und es würde tage dauern, die alle zu prüfen

backstretch läuft unter android nur halbwegs...apple hab ich daher erst gar nicht getestet...

vielleicht kann mir hier ja eure erfahrung helfen?

PS: muss keine Erweiterung davon geben.. man kann ja nicht alles haben ^^

[tomsky]

Hallo,
hast Du schon dk_caroufredsel in Betracht gezogen?

https://contao.org/de/extension-list...oufredsel.html

[ways2web]

schon getestet ja.

Aber der Fade-Effekt ist leider nicht so toll, oder ich hab die richtigen Einstellunge nicht gefunden.
Vor jedem Bildwechsel wird das aktuelle Bild ausgefaded...ist also eher ein fade-out -> fade-in.... diese Pause dazwischen verhaut mir das Fade-Effekt.

leider kann man die Abschwächungs-Funktion nicht ausschalten.

[snack]

Hallo,

ich habe für unsere Seite Supersized eingebaut.

http://buildinternet.com/project/supersized/

Gruß

Dirk

[Bas]

http://nicinabox.com/superslides/ - den hab ich letztens benutzt und war zufrieden.

[Max Kittel]

caroufredsel (Elementtyp - Hintergrund) mit dem Übergangseffekt »crossfade« sind die Übergänge m.E. sehr harmonisch

[tab]

schon getestet ja.

Aber der Fade-Effekt ist leider nicht so toll, oder ich hab die richtigen Einstellunge nicht gefunden.

Wie soll er denn aussehen, der Fade-Effekt?

Edit: crossfade macht eben das, was man von Videos her unter Crossfade versteht. Das alte Bild wird ausgeblendet und das neue gleichzeitig eingeblendet - man hat also beim Übergang eine Mischung aus den beiden Bildern, während bei fade zuerst das alte Bild ausgblendet und dann das neue eingeblendet wird, also zu jedem Zeitpunkt nur ein Bild zu sehen ist. Bei Crossfade ist es deshalb wichtig, dass die Mischung aus beiden Bildern auch gut aussieht.

[ways2web]

Wie soll er denn aussehen, der Fade-Effekt?

das nächste bild soll sich immer über das andere einfaden. beim caroufredsel ist das Bild A schon verschwunden, bevor das Bild B einfaded. So entsteht eine "nackte" Pause zwischen den Bildern.
Backstretch macht das toll... aber der hat leider zu viele Probleme, die ich nicht in den griff bekomme.

[ways2web]

caroufredsel (Elementtyp - Hintergrund) mit dem Übergangseffekt »crossfade« sind die Übergänge m.E. sehr harmonisch

getestet, gleiches Problem, auch wenn Bild A nicht ganz verschwindet, bevor bild B eingeblendet wird..

[tab]

Das sollte crossfade eigentlich dann machen. Da ist die ganze Zeit was zu sehen.

[tab]

Also bei einem echten Crossfade sollte zu jedem Zeitpunkt das Bild gemischt werden als w*Bild1 + (1-w)*Bild2, wobei w bei einem Wert von 1 startet und mit 0 aufhört. Wie die zeitliche Änderung von w aussieht, das bestimmt bei dk_caroufredsel eben die Abschwächungs-Funktion. Die klassische Variante ist dabei wohl "linear".

[ways2web]

ich hab linear eingestellt... ich kann dir gern nen link schicken, mit beiden slidern. Wo der Unterschiedlich sehr stark zu sehen ist.
leider schwächt das eine bild immer erst ab, bevor das nächste eingeblendet wird. bei crossfade ist es zwar nicht so doll, aber dennoch deutlich zu sehen an meinem beispiel

gruss
ways

[tab]

ich hab linear eingestellt... ich kann dir gern nen link schicken, mit beiden slidern. Wo der Unterschiedlich sehr stark zu sehen ist.

Ja, das würde mich interssieren. Ich kann mir immer noch nicht wirklich vorstellen, wie du es genau haben willst. Ich muss auch den dk_caroufredsel nochmal probieren als Hintergrund-Slider. Bisher habe ich ihn als "normalen" Contentslider benutzt, vielleicht macht das ja einen Unterschied im Effekt.

[ways2web]

hab dir ne pn geschickt...


(die aktuelle extension von caroufredsel hat bei mir auch nen Backend-Bug. Man kann keinen Titel vergeben im Modul, Ticket hab ich schon geschrieben.)

[ways2web]

dann bin ich mal gespannt, was du sagst.. aber wie man sieht ist das faden im backstretcher wesentlich schöner, dafür aber nicht so tauglich auf mobilen geräten