Caroufredsel und die Beispiele
Moin zusammen,
ich habe heute das erste Mal die hervorragende, gute Arbeit, Erweiterung dk_carouefredlel installiert. Wie wahrscheinlich jeder habe ich mir auch vorher die vielen schönen Beispiele auf der Seite angeschaut und war begeistert.
Nach der Installation war ich allerdings fast enttäuscht :D Zugegeben, ich hatte mich auch nicht sonderlich tief eingelesen. Die "normalen" Slide-Funktionen funktionieren alle einwandfrei und ich kam auch schnell zurecht mit den diversen Einstellungsmöglichkeiten.
Ich war allerdings davon ausgegangen, dass man in der Erweiterung ALLE Einstellungsmöglichkeiten hat, um die gezeigten Beispiele umzusetzen... Ist wohl "unmöglich" denke ich, aber nicht drüber nachgedacht vorher. ;)
Ich bin immer ein Freund von "Widerverwendbarkeit", bspw. habe ich mir "templates" angepasst und zusammengepackt, die die in Contao vorhandene Navigation zu dieser (oben) verändern - einfach Navigation erstellen, ID vergeben und CSS-Datei einbinden. Somit hat man beim nächsten Mal weniger Arbeit und erhält sich die volle Funktionsfähigkeit von contao.
Daher meine Frage: Hat sich schon mal jemand rangemacht und versucht einzelne Beispiele, so wie sie dort sind oder in vereinfachter Form, in Contao umzusetzen, so dass man sie auch in weiteren Projekten nutzen kann?
Auf den ersten Blick erscheint das nicht ganz so leicht zu sein, aber würde mich vielleicht mal ranwagen in Zukunft ein paar Beispiele umzusetzen.
Vielleicht kann man dann eine Art "Sammlung" zusammentragen, die auch anderen hilfreich sein könnten.
Klase Umsetzung SEBI.. Danke
Also Sebi,
das hast Du nicht nur super umgesetzt, sondern auch wirklich für jeden leicht verständlich hier beschreiben können.
Erst mal großen Dank dafür.
Mich würde der Effekt #22 sehr interessieren. (http://coolcarousels.frebsite.nl/c/22/).
Für mich hat der den Vorteil gegenüber einigen anderen, dass dabei die Bilder nicht auf ein bestimmtes Maß festgelegt sind, sondern sich die Slideshow sich dem Bild anpasst.
Falls da jemand beim Template behilflich sein will.. *smile*.. sehr gerne.. habe das bisher noch nicht gemacht.
Ich setze ein Contao 3.2.4 mir dem Coolums fluid % layout ein, so dass ich responsiv bleibe, um meine Seite sowohl auf Handy´s, Tablet´s und größeren PC-Bildschirmen gleichermaßen gut aussehen zu lassen.
Jetzt wäre es natürlich super, wenn da eine Sliedeshow wie die hier eingesetzte, da auch noch mit unterschiedlichen Bildern klar kommt.
Beim CSS sehe ich nicht das große Problem für mich.
Sebi, eventuell hast Du ja auch an der Version 22 Interesse und hilfst etwas mit.. ;-)
P.S.: Auch die Variante #61 finde ich nicht schlecht (weil responsive und teils fuid)
Technik zum Umsetzen der Beispiele
Gudn Tach,
die Möglichkeiten der Extension sind wirklich der Hammer, wenn man sich die Demos einmal einverleibt.
Aber ist es nicht doch einfacher die Demos mit den downloadbaren Coolcarousel-files zu reproduzieren ?
Manuell geht es zumindest recht simpel:
- Jquery.caroufredsel-6.x.x-packed.js Datei auf den Server kopiert und im Seitenlayout unter Eigener JavaScript-Code verlinkt.
- ein HTML Modul erstellt (incl der Script Anweisungen, Css Formatierungen, HTMl Aufbau)
- dieses Modul direkt oder als Artikel in der Seite eingebunden
Die Verwendung des Contao Plugins ist natürlich wünschenswert, da übersichtlicher ! (...und anscheinend ausschließlich mit dem downloadbaren Code reproduzierbar !?
Also habe ich versucht das Template js_caroufredsel.xhtml mit dem JS-Inhalt der Coolcarousel-HTML zu ersetzen und diese im Caroufredsel-Modul aufzurufen.
Gleiches mit den CSS Anweisungen der Coolcarousel HTML und dem css_caroufredsel.xhtml Template.
Folge: Fehlermeldung im Frontend: Could not find template "js_caroufredsel_test" / "css_caroufredsel_test"
Weiß jemand, welche Templates mit welchem Inhalt der Coolcarousel Files angepasst werden müssen, damit auch noobs (wie ich es zu sein pflege) die Demos einfach reproduzieren können ? plz help