Image Cycle goes Spacegallery

Image Carousel mit Minibilder
Image Cycle mit Minibilder
Image Cycle goes Spacegallery

If you like this site,
buy me a beer

Image Cycle goes Spacegallery

Image Cycle zeichnet sich durch enorme Flexibilität aus. So ist es möglich die verwendete Javascript Galerie zu ersetzen.

In diesem Beispiel wil ich euch zeigen, wie ihr aus jQuery.Cycle eine Spacegallery macht, ohne ein Spacegallery-Plugin zu installieren.

Benötigte Dateien

Die benötigten Daten der Spacegallery müssen im fileadmin abgelegt werden.

Einfach alle Dateien in der ZIP-Datei entpacken und im Ordner fileadmin/spacegallery/ ablegen.

In den Konstanten mus folgendes gesetzt werden:

plugin.tx_imagecycle_pi1.file.cssFile = fileadmin/spacegallery/style.css
plugin.tx_imagecycle_pi1.file.jQueryCycle = fileadmin/spacegallery/script.js
plugin.tx_imagecycle_pi1.file.templateFileJS = fileadmin/spacegallery/tmpl.js

Un im Setup:

plugin.tx_imagecycle_pi1 {
  cycle {
    normal {
      image.imageLinkWrap >
      stdWrap.dataWrap = <div id="{register:key}" class="spacegallery"> | </div>
      captionWrap >
      itemWrap >
    }
  }
}

Danach einfach das Plugin einbinden, die Bilder auswählen und die Spacegallery geniessen.

Ergebnis

Nachteile

Ein Nachteile ist dabei, dass keine Einstellung durch den Benutzer gemacht werden können (lediglich die Bildgrösse wird aus dem Flexform verwendet). Änderungen am Erscheinungsbild können nur durch den Administrator gemacht werden im templateFileJS.

Hier findet Ihr alle möglichen Optionen zu der Spacegallery die Ihr im templateFileJS einbinden könnt.

CMS