Image Cycle mit Minibilder
Um als Navigation Minibilder im Image Cycle anzuzeigen, muss mindestens die version 1.4.0 installiert sein. Damit die Minibilder erstellt werden muss im Setup folgendes Typoscript eingebunden werden:
plugin.tx_imagecycle_pi1 {
cycle.normal {
pager = COA
pager {
10 = TEXT
10 {
value = <a href="#" rev="{register:IMAGE_NUM_CURRENT}">
insertData = 1
}
20 = IMAGE
20 {
file.import.data = register:file
file.width = 40c
file.height = 40c
}
30 = TEXT
30.value = </a>
}
}
_CSS_DEFAULT_STYLE (
.tx-imagecycle-pi1-images { display: none; position: relative; overflow: hidden; list-style: none; margin: 0; padding: 0; }
.tx-imagecycle-pi1-images img { display: block; }
.tx-imagecycle-pi1-images li { position: absolute; margin: 0; padding: 0; }
.tx-imagecycle-pi1-images li, .tx-imagecycle-pi1 ul.imagecycle_images a { display: block; position: relative; }
.tx-imagecycle-pi1-images a:hover { background: none; border: 0! important; }
.tx-imagecycle-pi1-images span { position: absolute; left: 0; bottom: 0; width: 100%; padding: 5px; color: #fff; background: #000; opacity: 0.8; white-space: nowrap; display: none; }
.tx-imagecycle-pi1-pager { margin: 0; text-align: center; }
.tx-imagecycle-pi1-pager a { text-decoration: none; margin: 0 2px 0 0; padding: 0; }
.tx-imagecycle-pi1-pager img { margin: 0; padding: 0; }
)
}
Danach einfach das Plugin einbinden, die Bilder auswählen und folgende Einstellung vornehmen:











