Ken Burns Slider und Bildernavigation gesucht

[dirksche]

Hallo liebe Contao Community,

ich bin auf der Suche nach einem speziellen Imageslider. Zum einen soll er den "Ken Burns" Effekt beherrschen und die Fotos müssen in einer Navigationsliste anklickbar sein. Also z.B. über der Slideshow eine Textnavigation "Bild1" -> "Bild2" usw.
Das aktive Bild soll auch in der Navigation via CSS formatierbar sein. Kennt jemand einen solchen Slider der sich einfach in Contao einbinden lässt?

Liebe Grüße,
Dirk

[stefan-at-work]

Hi Dirk,

Slideshow2 sollte das haben, was Du suchst.

[dirksche]

Hi Stefan,

ja, danke für den Tipp. Diese Erweiterung habe ich mir schon etwas näher angesehen. Allerdings ist mir nicht ganz klar wie ich die Thumbnails durch einen Text ersetzen kann. Ich möchte ja keine Vorschaubilder in der Navigation sondern nur Text.

LG,
Dirk

[Balduin]

Hallo zusammen,
ich habe nun schon ein paar Projekte mit der Slideshow2-Erweiterung umgesetzt und mir ist dabei immer wieder aufgefallen, daß der KenBurns-Effekt dort einfach nicht ganz sauber läuft. Die Bewegung erzeugt häufig einen Moiré-Effekt (vor allem im Safari) und bleibt auch oft mal kurz hängen.
Sehr viel sauberer läuft der Effekt z.B. im Wowslider und vor allem mit dem Kenburner.
Beide Slideshows lassen sich aus verschiedenen Gründen aber nicht so leicht für Contao verwenden. Um die Scripts vom "Code-Ballast" zu befreien und weiterzuverwenden reichen meine Programmierkenntnisse leider nicht aus.

Meine Frage wäre also, ob man vielleicht eine der Standard-Slideshows wie z.B. ce_slider oder ce_slider_jquers mit einem "sauberen" KenBurns-Effekt erweitern kann, oder ob man den KenBurns-Effekt für die Slideshow2 verbessern kann.

[dtptiger]

Hilft das?:

https://community.contao.org/de/show...285#post264285

https://docs.google.com/spreadsheet/...mNFVGR0E#gid=0

LG dtptiger

[Balduin]

Danke für die fixe Antwort. Diese Vergleichstabelle ist in der Tat eine feine Sache! Leider ist mir damit auch nicht geholfen, weil so Spezialsachen wie der KenBurns-Effekt darin noch nicht aufgeführt sind und auch keine Aussagen darüber wie sauber die Einbindung ist. Ich denke das würde den Rahmen der Tabelle auch sprengen.

Naja, ich habe mir jetzt erstmal mit dem dma-Elementgenerator beholfen, siehe hier

[dirksche]

Ich muss mal wieder dieses alte Thema ausgraben.
Derzeit sitze ich am Update einer alten Contao 2.11 Seite, welche noch die Slideshow2 mit Ken Burns Effekt nutzt.
Es ist gewünscht das dieser Effekt bestehen bleibt. Zudem soll der Slider nun Responsive sein.
Gibt es für Contao 3 einen passenden Responsive Slider mit Ken Burns Effekt?
Oder kennt jemand eine alternative welche ich mir mit dem Elementgenerator zusammenbauen kann?

LG,
Dirk

[derRenner]

Hallo,

ich hatte mich mit diesem Thema, also dem Ken Burns Effect, vor einigen Monaten mal beschäftigt und wollte diesen via Contao realisieren.
Eine Lösung, die wohl sicher nicht die schönste und schon gar nicht die beste ist, habe ich hier verewigt.
(liebes Moderatoren-Team: ich möchte keine Schleichwerbung machen! Sollte dies so verstanden werden, bitte um Info, dann entferne ich den Link und meine Antwort wieder ... oder den Link gleich selbst löschen - DANKE!).

Meine Überlegungen waren Folgende:
- keine Javascript, jQuery, php Kenntnisse: abschreiben ja, selbst proggen nein, mit etwas Phantasie zusammenstoppeln ja
- Slider? das script von 'toymakerslabs' bringt ein Variante in der die Einzelbilder hart eingetragen sind » mein workaround: mit php jeweils das nächste Bild aus einem Ordner auslesen und das script durchlaufen lassen
- einen Überblendeffekt bringt das script schon mit

Nachteil:
soweit ich mich erinnern kann, funktioniert das Ergebnis nicht in allen Browsern - ich glaube mich erinnern zu könnten, dass Chrome Probleme gemacht hat.
Firefox läuft, Palemoon läuft, Vivaldi läuft nicht ... das angezeigte Bildformat stimmt nicht.
Ich habe das aber dann aus Zeitgründen nicht mehr weiter verfolgt.

Aber vielleicht hilft dir mein Ansatz schon mal soweit weiter, dass du das für dein Projekt perfektionieren kannst.