Nahtlose Integration eines Bootstrap Carousels in Joomla!

Das Modul ermöglicht es einfach und flexibel Bilder oder Beiträgen auszuwählen und ohne Programmierung als ein Bootstrap Carousel in einem Joomla! Modul anzuzeigen. Hierbei passt sich das Modul perfekt ins Joomla! Backend ein und verwendet Joomla! Standard-Feature wie den "Bild" und den "Beiträge"-Button, um Carousel-Elemente einfach und flexibel auszuwählen. So kann jedes beliebige Bild und jeder beliebige Beitrag, unabhängig davon, in welchem Verzeichnis das Bild gespeichert ist, oder zu welcher Kategorie der Beitrag gehört, ausgewählt werden. Das Modul erlaubt zusätzlich die Vergabe von Metadaten (Alt- und Title-Attribut für Bilder) und einem Link pro Bild. Das Löschen von Carousel-Elementen erfolgt mit einem Mausklick ebenso komfortabel, wie die Änderung der Reihenfolge der Elemente.

Viscarousel Feature-Liste

  • Joomla! 3.x
  • Wahlweise für Bilder oder Artikel
  • Bilder über den normalen Joomla! Media-Manager auswählen
  • Artikel über den normalen Joomla! Artikel-Manger auswählen
  • Beliebig viele Carousel-Elemente anlegen
  • Reihenfolge der Element per Mausklick ändern
  • Optionale Überschrift und beschreibender Text für jedes Carousel Element
  • Verwendung des Bootstrap CSS
  • Bilder können mit beliebigen Link verknüpft werden
  • Intervall individuell festlegen
  • Mehr-Instanz fähig: beliebig viele unterschiedliche Carousels auf einer Seite verwenden
  • Zusätzlicher optionaler Play/Pause-Button
  • Indikatoren können über Parameter ausgeblendet werden
  • Controls können über Parameter ausgeblendet werden
  • Autostart kann über Parameter deaktivert werden
  • Suchmaschinenoptimierung möglich, da Alt- und Title-Attribute für Carousel-Element individuell festlegbar
  • Deutsche und Englische Sprachdateien

Viscarousel benötigt Bootstrap Templates

Ziel der Entwicklung von Viscarousel war es nicht einen weiteren Javascript basierten Slider mit tollen neuen Effekten zu programmieren, sondern das Bootstrap Carousel so in Joomla! zu integrieren, dass es ohne Programmierkenntnisse und mit minimalem Aufwand in Bootstrap Templates verwendet werden kann! Viscarousel benötigt, um fehlerfrei zu funktionieren, ein Bootstrap Template, dass das Standard Bootstrap CSS für das Bootstrap Carousel mitbringt!.

Das Bootstrap Carousel arbeitet mit CSS um den Übergangseffekt zwischen zwei Element zu erzeugen (nicht mir Javascript Effekten). Dies ist eine Designentscheidung, die die Bootstrap Entwickler getroffen haben. Die Umsetzung von CSS Übergangseffekten in unterschiedlichen Browsern ist recht unterschiedlich weit entwickelt. Deshalb haben die Bootstrap Entwickler entschieden, dass Sie für ihr Carousel, nur einen Effekt, das seitliche Schieben, verwenden. Da Viscarousel ein reines Bootstrap Carousel ist, bietet auch Viscarousel nur den Slide-Effekt an.

Joomla! 3.x verwendet per Default die Bootstrap Version 2.3.2. Viscarousel implementiert das Carousel für diese Bootstrap Version.

DemoDokumentation KaufenViscarousel Modulbeschreibung

Zum Vergrößern auf das Vorschaubild klicken.

  • Viscarousel als Beitragsslider

    Viscarousel als Beitragsslider konfiguriert

  • Sliderkonfiguration für Beitrag

    Beitragseinstellungen

  • Beitrag wählen

    Beitrag für Bootstrap Slider wählen

  • Viscarousel als Bilderslider

    Viscarousel als Bilderslider konfiguriert

  • Bildauswahl ändern

    Bildeinstellungen

  • Bildauswahl mit Mediamanager

    Einfache Bildauswahl über Joomla! Media Manager

Viscarousel - Bootstrap Carousel Slider für Joomla! - Demo

Viscarousel bietet Ihnen viele Möglichkeiten Bilder oder Beiträge auf Ihrer Webseite als Bootstrap Carousels (Slider) anzuzeigen, von denen Sie einige hier sehen können. Neben der Anzeige in Modulpositionen (siehe oben und unten auf dieser Seite) können Sie Carousel-Module auch mit Hilfe des Joomla! Plugins Loadposition in Beiträgen platzieren.

Viscarousel Slider lassen sich mit sehr wenig Aufwand sauber in responsive Bootstrap Templates integrieren. Testen Sie das Verhalten der Carousels, indem Sie die Größe Ihres Browserfensters verändern.

Viscarousel beitet Ihnen eine kleine Anzahl nützlicher Parameter, mit der Sie alle Einstellungen vornehmen können um das Carousel zu steuern.

Autostart: Autostart des Carousels kann deaktivert werden (siehe Bildercarousel unten).

Play/Pause-Button: Zusätzlich kann ein Play/Pause-Button eingeblendet werden. Das ist nützlich, wenn Sie den Slider mit deaktivierten Autostart verwenden (siehe Bildercarousel unten).

Intervall: Festlegen, wie lange ein Bild angezeigt wird, bevor automatisch zum nächsten Bild gewechselt wird (das Carousel rechts hat ein kürzeres Interval).

Indikatoren ausblenden: Das Bootstrap Carousel kommt mit sogenannten Indikatoren. Das ist einen Reihe von Punkten (oben rechts). Jeder Punkt repräsentiert ein Carousel-Element. Das aktive Element wird hervorgehoben und durch klick auf einen Punkt kann man ein anderes Element ansehen. Diese Indikatoren können ausgeblendet werden (siehe Beitragscarousel unten links).

Controls ausblenden: Rechts- und Links-Pfeil, zum manuellen Wechseln zwischen Bildern, ausblenden (siehe Beitragscarousel unten rechts).

Carouselbreite: Der Parameter ist sehr nützlich um Bilder-Slider in responsiven Bootstrap Templates auf allen Bildschirmgrößen sauber darzustellen. Durch zwei zusätzliche Viscarousel Markup Klassen kann das Carousel innerhalb eines größeren Containers neben der linksseitgen Ausrichtung, die der Default ist, auch zentriert oder rechtsseitig ausgerichtet werden (verwendet im Bildercarousel unten, kommt nur auf schmalen Bildschirmen zum Einsatz).

Hintergrundfarbe: Zur besseren Hervorhebung von Beitragscarousels (siehe Beitragscarousels unten).

Rahmenfarbe: Zur besseren Hervorhebung von Beitragscarousels.

Carouselhöhe: Zusätzlicher Parameter zur Steuerung des Layouts von Beitragscarousels.

Darüber hinaus können Sie zu Bildern einen Link festlegen, Bildbeschreibung und Überschrift vergeben und alle Slider Element unter dem Aspekt der Suchmaschinenoptimierung mit Alt- und/oder Title-Attributen ausstatten.

Features Dokumentation Kaufen