Der Kiwi Slider in Action

Dank Matthias und TYPO3 gibt es den Kiwi Slider jetzt im produktiven Einsatz! Gliedert er sich nicht schön in die Seite ein? Und diese herrliche Ansicht ohne JavaScript. Gut gemacht und vielen Dank für die Links:

• IHK Hannover
• IHK Start-Up

Verantworlich für den Webauftritt ist die Agentur Vision Connect aus deren Reihen auch die geniale Firefox Extension TYPO3 Backend stammt.

Außerdem hat die Extension jetzt ihre eigene Seite als Projekt bekommen, wer also ein Lesezeichen setzen möchte.

TYPO3 Extension Kiwi Slider

Meine TYPO3 Extension Kiwi Slider ist in der ersten Betaversion erschienen und trägt jetzt die stolze Versionsnummer 1.1.0.

Zur Erinnerung: Mit dieser Erweiterung ist es sehr einfach und schnell möglich einen Content Slider zu erstellen, im Stil der Coda Webseite. Es basiert auf jQuery und der Anleitung von jQuery for Designers.

Hier herunterladen.

Mit der neuen Version gibt es mehr Einstellungsmöglichkeiten und eine bessere Integration der JavaScript Dateien. Über das Typoscript lässt sich jedes einzelne, benötigte Plugin expliziet einbinden oder ausblenden.

plugin.tx_kiwislider_pi1 {
  include.jQuery >
}

In diesem Beispiel wird das JavaScript Framework jQuery nicht mit eingebunden. Genau so kann die Einbindung von localScroll, serialScroll und scrollTo gesteuert werden.

Über die Angabe arrows können die Pfeile gesteuert werden.

plugin.tx_kiwislider_pi1 {
  arrows.hide = 1
}

Mit dieser Einstellung werden die Pfeile komplett ausgeblendet, in arrow.left und arrow.right können neue Bilddateien angegeben werden.

Eine weitere neue Eigenschaft ist showRecords, wird diese gesetzt, wird nur die angegebene Anzahl von Seitenelementen in den Slider geladen. Um also nur das erste Inhaltselement darzustellen reicht die folgende Angabe:

plugin.tx_kiwislider_pi1 {
  showRecords = 1
}

Einfach, oder?

Den Download gibts im Extension Repository von TYPO3. Mehr Informationen in der Doku. Viel Spaß!

TYPO3 Extension: Kiwi Slider!

Jippi Yeah: Es gibt eine neue Version!

Es ist geschafft! Zusammen mit Matthias Haack habe ich die erste Extension im Repository von TYPO3 veröffentlicht. Mit Hilfe der neuen Erweiterung kiwi_slider ist es sehr einfach möglich einen Slider im Stil von Coda auf die eigene Seite einzubinden. Sogar einen besseren! Ohne JavaScript bleibt der Slider auf angenehme Weise nutzbar!

Getestet im Firefox 3, Internet Explorer 6 und 7, Safari und Opera.

Es folgen Erklärungen und Erläuterungen oder direkt herunterladen.

1. Installation

Sehr einfach. Extension herunter laden und über den Extensionmanager installieren. Ein Feld muss der Tabelle "tt_content" hinzugefügt werden.

2. Einbindung auf der Seite

Ein neues Inhaltselement vom Typ "Plugin" erstellen und darin den Kiwi Slider auswählen. Anschließend steht ein Feld zur Verfügung um die Seiten auszuwählen welche im Slider angezeigt werden sollen. Die Titel der Seiten erscheinen in der Liste oberhalb des Sliders, ihr gesamter Inhalt in seinem Inhaltsbereich. Das wars!

3. Konfiguration und Anpassung

Ein einfaches Standardaussehen ist in plugin.tx_kiwislider_pi1._CSS_DEFAULT_STYLE gespeichert und kann bearbeitet, bzw. ersetzt werden.

Ist jQuery im eigenen Projekt bereits vorhanden, muss die erneute Einbindung über das Plugin verhindert werden:

plugin.tx_kiwislider_pi1.insert.jQuery >

Ein einfaches Anpassen der Größe ist über Typoscript möglich. Diese Werte überschreiben die Angaben in der CSS Datei.

plugin.tx_kiwislider_pi1 {
  width = 800
  height = 300
}

Alternativ dazu könnten die entsprechenden CSS Regeln angepasst werden. Um das komplette Layout anzupassen sollten die CSS Angaben in eine externe Datei ausgelagert werden.

4. Ausblick

Wir freuen uns über Kommentare und Erfahrungsberichte und haben jede Menge Ideen für weitere Anpassungen. Ein Abo des RSS Feeds wird empfohlen.