CMS

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: