Responsive Slider

[timmey123]

Hallo,

ist es möglich den Slider irgendwie auf ein responsive Design anzupassen? Hab jetzt schon n bisschen rumprobiert, aber komm nicht so richtig vom Fleck. Wäre über Tipps äußerst dankbar!

Wenn nein, gibt es alternativen in Modulform oder is das immer eher "Customcode"?

Danke im vorraus.

[jgrotstabel]

Du könntest doch einfach den Slider z.B. in drei größen bereit stellen und die verschiedenen Versionen dann über CSS Klassen ein oder ausblenden. Wäre so doch ein relativ schnell zu lösender Ansatz?

[art-instinct]

Ich bin beim noobslider auch nicht weitergekommen, ihn bei dynamischer Seitenbreite einzusetzen.
Nutze deshalb für responsive Webseiten den jedoFlexSlider / jQuery FlexSlider. Der verkleinert sich automatisch mit. Der CSS-Code ist zwar teilweise alles andere als W3C-valide. Das sind m.E. aber Hacks, damit er im IE richtig funzt. Habe bisher mit keinem Brwoser Probleme feststellen können, was Design oder Funktionalität angeht.
Kommt natürlich nur in Frage, wenn jQuery für dich in Frage kommt. ;-)

[timmey123]

Du könntest doch einfach den Slider z.B. in drei größen bereit stellen und die verschiedenen Versionen dann über CSS Klassen ein oder ausblenden. Wäre so doch ein relativ schnell zu lösender Ansatz?

Das klingt natürlich einem Ansatzpunkt, nur irgendwie hätte ich das Ding gern Barrierefrei – aber das scheint wohl ohne weiteres nicht möglich zu sein.

Ich bin beim noobslider auch nicht weitergekommen, ihn bei dynamischer Seitenbreite einzusetzen.
Nutze deshalb für responsive Webseiten den jedoFlexSlider / jQuery FlexSlider. Der verkleinert sich automatisch mit. Der CSS-Code ist zwar teilweise alles andere als W3C-valide. Das sind m.E. aber Hacks, damit er im IE richtig funzt. Habe bisher mit keinem Brwoser Probleme feststellen können, was Design oder Funktionalität angeht.
Kommt natürlich nur in Frage, wenn jQuery für dich in Frage kommt. ;-)

Auf den Flexslider bin ich gestern auch noch gestoßen, werde ich wohl dann gleich mal antesten. Hatte gestern noch die Erweiterung "Flexi_Slider" getestet. Funktioniert eigentlich soweit ganz gut, nur gibt er mir da im noConflict-Mode den CSS-Fallback mit aus was natürlich eher ungünstig ist – auch wenn ich den mit display:none einfach wieder ausblenden kann. Zudem ist mir das CSS des Sliders ein bisschen zu aufgebläht.

[Teaser01]

Probier's doch einfach mal mit width:100%;

Michael

[k.kutschera]

Hi,

habe eine Erweiterung für den FlexSlider von: http://www.woothemes.com/flexslider/ geschrieben. Die Slider werden im Backend-Modul: FlexSlider erstellt und können dann als Modul oder Inhaltselement in die Seite eingebunden werden.

Mögliche Parameter im Backend:

Titel:
Breite:
Höhe:
Slideshowgeschwindigkeit:
Animationsdauer:
Startslide:
Animation:
Navigation:
Paging-Navigation:
Pause bei Hover:

Bei Interesse PM.

LG

[Merlin]

Hi,

habe eine Erweiterung für den FlexSlider von: http://www.woothemes.com/flexslider/ geschrieben. Die Slider werden im Backend-Modul: FlexSlider erstellt und können dann als Modul oder Inhaltselement in die Seite eingebunden werden.

Mögliche Parameter im Backend:

Titel:
Breite:
Höhe:
Slideshowgeschwindigkeit:
Animationsdauer:
Startslide:
Animation:
Navigation:
Paging-Navigation:
Pause bei Hover:

Bei Interesse PM.

LG

mein jedoFlexSlider basiert auch auf diesen flexslider von Woothemes und ist gerade auf den weg ins Contao3 mit neuer Version des Flexsliders (aktuell 2.1) ... vielleicht sollten wir beide uns zusammen tun und diese Erweiterung gemeinsam weiter entwickeln ...

[Nina]

Gibt es mittlerweile eine funktionierende und fertig verfügbare Responsive Slider-Lösung für Contao 3?

[jubel]

Probier mal caroufredsel
http://contao.org/de/extension-list/...000004.de.html

[andreasisaak]

Wir bauen slideItMoo derzeit auf responsive. Dann ist der Weg nach Contao 3 nicht mehr weit.

[freak_me11]

Wie sieht es aus?

Hatte schon jemand die Zeit einen Responsive-Slider für Contao 3 zu erstellen?

[Flex]

Spricht was gegen den hier?

[dk_caroufredsel]

[Nina]

Ich setz caroufredsel ein und bin damit ganz zufrieden. Beachte aber, dass die Erweiterung im Beta-Status ist. Dadurch können sich also noch Änderungen ergeben. Deshalb ist es sehr wichtig, dass du etwaige Hinweise im Entwickler-Forum von dk_caroufredsel aufmerksam liest.

[dol...]

schau mal bei http://www.premium-contao-themes.com rein. die haben eine coolen slider verwendet …
Verwendete Slider: http://www.pixedelic.com/plugins/camera/

Zitat aus der Doku:
"Der camera Slider ist für responsive Webdesign optimiert. Dieser Slider wurde auch als Contao Modul umgesetzt. Jedoch besteht aktuell noch ein Darstellungsproblem im Internet Explorer 8. Aus diesem Grund haben wir den Slider manuell integriert.
Wo wird der Slider eingebunden?
Die CSS & JavaScript Files werden über Theme -> Themeeinstellungen -> "Zusätzliche <head>-Tags" eingebunden."

liebe grüsse
dolores