TYPO3-Erweiterung Imagecycle

Imagecycle global konfigurieren

Bei bildlastigen Websites mit mehrfacher Verwendung der Animationserweiterung Imagecycle musste bisher das Plug-In auf jeder Seite vollständig eingestellt werden.

In der Version 1.6.1 kann diese nun global konfiguriert werden. Im Erweiterungs-Manager wird die Option «Enable select instead of checkbox» aktiviert. Im Plug-In erscheinen nun die Settings als «From Typoscript» konfiguriert und können per TypoScript für die gesamte Website gesetzt werden. Zum Beispiel:

plugin.tx_imagecycle_pi1 {
   _CSS_DEFAULT_STYLE >
   cssFile = fileadmin/ext/imagecycle/css/screen/imagecycle.css
   random = 1
   # Maximale Bildmasse
   imagewidth = 960m
   imageheight = 540m
   # Effekt
   type = fade
   transitionDuration = 4000
   displayDuration = 4000
   showPager = 1
   captionAnimate = 0
   captionTypeOpacity = 0
   cycle.normal.pager.value = <a href="#" rev="{register:IMAGE_NUM_CURRENT}"><img src="/clear.gif" width="6" height="6" alt="" /></a>
}

Wenn nötig können die Settings eines einzelnes Plug-In an der eingefügten Stelle immer noch überschrieben werden. Empfohlen ist auch, Imagecycle immer zusammen mit der Erweiterung T3 jQuery «t3jquery» zu verwenden.

Stand: 31. Januar 2011 / Imagecycle 1.6.1 / TYPO3 4.4.6

Imagecycle in Zusammenarbeit mit Perfectlightbox

Die Animationserweiterung Imagecycle kennt die Option Bildervergrössung. Allerdings werden die Bilder in einem neuen Fenster vergrössert. Die Zusammenarbeit mit der Erweiterung Perfectlightbox ist mit wenigen Zeilen TypoScript realisiert.

plugin.tx_imagecycle_pi1 {
   cycle.normal.image {
       imageLinkWrap {
           typolink >
           typolink {
               parameter.override.cObject = IMG_RESOURCE
               parameter.override.cObject.file.import.data = TSFE:lastImageInfo|origFile
               parameter.override.cObject.file.maxW = {$plugin.perfectlightbox.lightBoxMaxW}
               parameter.override.cObject.file.maxH = {$plugin.perfectlightbox.lightBoxMaxH}
               parameter.override.if.isTrue.field = image_zoom
               parameter.override.if.isFalse.field = image_link
               userFunc = tx_perfectlightbox->useGlobal
           }
       }
   }
}

Stand: 26. August 2010 / Imagecycle 1.4.0 / Perfectlightbox 3.0.7 / TYPO3 4.3.5

Bilder bei verschiedenen Formaten rechts ausrichten

Plug-in im Backend

Die Erweiterung kann ohne spezielle Einstellungen im Backend eingepflegt werden.

Bilder in Quer- und Hochformat rechts ausrichten

Mittels der Konstanten von Imagecycle stellen wir die maximale Breite und Höhe ein. Die Masse sind in Pixel. Der Zusatz 'm' skaliert die Bilder ohne diese zu verzerren oder zu beschneiden.

plugin.tx_imagecycle_pi1.imagewidth = 735m
plugin.tx_imagecycle_pi1.imageheight = 465m

Die Rechtsausrichtung passiert nun mit wenigen Zeilen CSS.

ul.tx-imagecycle-pi1 li {width:735px; height:465px; }
ul.tx-imagecycle-pi1 li img {margin:0 0 0 auto; }

Stand: 2. Juli 2010 / Imagecycle 1.0.8 / TYPO3 4.3.3