Der Content Slider erweitert die Mootools-Funktionalität von TYPOlight. Nach erfolgreicher Installation stehen zwei zusätzliche Inhaltselemente zur Verfügung (Content Slider Start / Content Slider Ende). Die dazwischen platzierten Inhaltselemente sliden von links nach rechts oder umgekehrt.

Im Inhaltselement “Content Slider Start” kann sowohl die Zeit als auch die Art des slidens individuell definiert werden. Das Feld Inhaltselemente pro Zeile gibt an, wieviele Inhaltselemente in einer Zeile geslidet werden sollen. Gibt man hier z.B. “3” an, platziert aber 6 Elemente, so wird vom 3 Element diagonal zum 1. Element der nächsten Zeile geslidet. Desweiteren kann der Back- und Forward-Button frei gewählt werden. Wird hier keine Auswahl getroffen, werden automatisch die Pfeile aus dem html-Ordner verwendet.

Wichtig: bei den Inhaltselementen als CSS-Klasse “slideElem” angeben.

Download und deutsche Beschreibung: http://www.typolight.org/wiki/extensions:slidingcontent

Viel Spaß damit

Gruss
Stefan

Hallo Stefan,

klasse Modul. Danke fürs zur Verfügung stellen.

Ich hatte das einmal manuell eingebunden, so natürlich viel komfortabler.

Muss man noch etwas bei den Einstellungen berücksichtigen?
Habe ich eben mal angetestet und in die aktuelle TL 2.5.9 eingebunden, im Seitenlayout mootools default und mootools_all_closed ausprobiert, aber ich bekomme keine Links auf den Pfeilen...

Automatisch hat er die Pfeile nicht eingebunden, contentSlider_close will explizit den Pfad unter tl_files haben, habe ich dort hin kopiert und sie werden auch angezeigt.

2 x Inhaltselement Bild eingefügt, jedoch scrollt (noch) nichts.

Tipp?

Zitat:

Wichtig: bei den Inhaltselementen als CSS-Klasse “slideElem” angeben.

Genau das wars - super!

hi,

ja mit ein wenig ruckeln gehts jetzt auch bei mir ... nette extension für statische seiten.

@planepix

Zitat:

Automatisch hat er die Pfeile nicht eingebunden, contentSlider_close will explizit den Pfad unter tl_files haben, habe ich dort hin kopiert und sie werden auch angezeigt.

Sofern Du keine files auswählst und auch die Warnhinweise ignorierst, werden die vorgegebenen Pfeile automatisch genommen. Ist aber eher als Vorsichtsmaßnahme gedacht...

Gruss nach Stuttgart
Stefan

hi,

hab grad festgestellt im MAC/WIN - safari , FF , opera , IE6 gehts bei mir net - IE7 ok

Hi squidi,

komisch ist getestet - bei mir funzt es unter Mac sowohl in FF (2er und 3er Version) als auch unter Safari. IE6 Windoof muss ich noch mal kucken.

Gruss
Stefan

hi stefan,

werd nochmal schauen, ich hatte es in einem stretched layout getestet vielleicht liegts ja auch daran ...

Hallo Stefan,

das ist ja mal ein ganz feines Ding. Ich hab vor ein paar Tagen die Extensions nach einem Imagerotator durchsucht und bin dabei über dieses Modul gestolpert. Heute habe ich es mal grob getestet, funktioniert auf Anhieb. Da hätte man mit Flash ewig drangesessen. Vielen Dank für dieses klasse Modul.

Puffy

Hallo Stefan,.

super Sache der SlidingContent! Funktionkiert bei mir einwandfrei! Ich hab's mit dem Newsteaser verbunden, jetzt werden die Teaser im Slider angezeigt, klasse!

Besteht die Möglichkeit ein weiteres Feature einzubinden, nämlich dass der Content automatisch nach einer gewissen Zeit slided? Ich hab's selbst versucht, bin aber leider mangels ausreichender Kenntnisse gescheitert.

Das liesse sich bestimmt sehr einfach mit einem Javascript-Timer (http://aktuell.de.selfhtml.org/artikel/javascript/timer/) in der csStart.tpl realisieren.

Hallo

Ende dieser, anfang nächster Woche, steht ein Update des contentSliders an

Neue Features werden sein:
Transparenz für ausgeblendete Elemente, nach dem einblenden 100% unduchsichtigkeit
Slideshow funktion
Automatisches Scrollen beim erreichen des containerrandes

Wenn ihr noch vorschläge habt, her damit.

Gruß
Stefan

Hallo Stefan,

prima das klingt gut

Wenn man die CSS für die Breiten- / Höhendefinitionen noch nach extern bekommt wäre prima.
Ggf. noch eine Möglichkeit die Pfeile mit einer CSS ansteuern zu können.

Hallo planepix

CSS in externe Datei auslagern würde bedeuten das ihr das auf jeden fall selber machen müsst.
Dazu gehören auch die notwendigen css-attribute für die container damit das sliding überhaupt erst möglich ist.
Mal sehen, ich werde wohl eine css datei in den html ordner legen die ihr dann unter "zusätzliche head tags" im Seitenlayout eintragen könnt... oder auch im Stylesheet Editor importieren...

Gruß
Stefan

Hallo Stefan,

das mit der externen CSS bezog sich darauf, dass ich im Frontend mit HTMLTidy auf folgende Warnung hingewiesen werde:

Code:

line 232 column 1 - Warnung: <style> isn't allowed in <div> elements

Hallo zusammen,

hat das jemand auf seiner Seite im Einsatz, so dass ich es mir mal anschauen könnte?

Danke!