{"id":1947,"date":"2010-05-03T10:53:52","date_gmt":"2010-05-03T08:53:52","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=1947"},"modified":"2010-05-03T10:53:52","modified_gmt":"2010-05-03T08:53:52","slug":"typolight-einbau-eines-contentsliders","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2010\/05\/typolight-einbau-eines-contentsliders\/","title":{"rendered":"TYPOlight Contao: Einbau eines Contentsliders"},"content":{"rendered":"

Nachdem ich mittlerweile alle Typolight Contao Core-Inhaltselemente \/ Module durch habe, bin ich derzeit verst\u00e4rkt auf Entdeckungstour im Typolight Contao Extension Repository unterwegs. Spannende Geschichte, denn seit ich begonnen habe mit dem System zu arbeiten, sind etliche Erweiterungen hinzugekommen und man kommt gar nicht so schnell hinterher wie neue Features hochgeladen werden.<\/p>\n

W\u00e4hrend noch vor 3-4 Jahren die Verwendung von Javascript auf Webseiten einer Tods\u00fcnde gleich kam, findet man heute kaum noch Seiten wo nicht das eine oder andere eingesetzt ist, sei es ein h\u00fcbscher Content-Slider, eine tabbed Navigation oder auch nur eine Lightbox. M\u00f6glich gemacht haben das mehrere Javascript-Bibliotheken, von denen haupts\u00e4chlich zwei inzwischen sehr popul\u00e4r geworden sind: Mootools<\/a> und JQuery<\/a>.<\/p>\n

Beide k\u00f6nnen – mal auf die eine und mal auf die andere Art – mit \u00e4hnlichen Anwendungen aufwarten, da ich jedoch mit JQuery immer ein bisschen besser zurechtgekommen bin als mit Mootools, hatte ich bisher damit ein bisschen mehr Erfahrung und auch schon einige Testcases<\/a> damit gebaut. Es ist nun kein Problem JQuery in Typolight Contao einzubinden, von Haus aus setzt das System jedoch auf Mootools und da inzwischen auch viele Erweiterungen auf Mootools basierend verf\u00fcgbar sind, habe ich begonnen mit auch mit diesem Javascript-Framework anzufreunden.<\/p>\n

Mein liebstes Spielzeug: der Contentslider.<\/h3>\n

Alle, die Powerpoint lieben, werden auch den Content-Slider lieben, denn letztendlich macht er nichts anderes. Inhalte werden in kleinen P\u00e4ckchen auf einen „Slide“ gelegt und per Klick oder auch automatisch von oben, rechts, links oder auch von unten in ein Fenster „geslidet“. Und das ist noch nicht alles, denn es stehen auch f\u00fcr die „Folien\u00fcberg\u00e4nge“ Effekte zur Verf\u00fcgung (Transitions) die man aber tunlichst sparsam einsetzen sollte.<\/p>\n

In Typolight Contao steht ein solcher Contentslider im Extension-Repository zur Verf\u00fcgung.<\/strong>
\nErweiterung Contentslider im Erweiterungskatalog besuchen<\/a>
\nMein Dank f\u00fcr dieses sch\u00f6ne Feature geht an:
\nden Urheber: Stefan Gandlau<\/a> und den Autor: Stefan Preiss<\/a><\/p>\n

Interessante Diskussionen im Forum dazu:
\nhttp:\/\/www.typolight-community.de\/showthread.php?849-ContentSlider-Problem<\/a>
\nhttp:\/\/www.typolight-community.de\/… \/work&highlight=contentslider<\/a><\/p>\n

Anwendungsbeispiel<\/h3>\n

Screenshot:<\/strong>
\n\"typolight-contentslider\"<\/a><\/p>\n

» Anwendungsgbeispiel in Aktion auf jukemedia.de ansehen<\/a><\/p>\n

Einbauhinweise<\/h3>\n

Unter Seitenleiste links => Erweiterungskatalog in das Extension Repository gehen und die Erweiterung zun\u00e4chst einmal installieren.
\nDanach stehen als Inhaltselement eines Artikels zwei neue Typen zur Verf\u00fcgung:<\/p>\n