Views Slideshow mit Navigations-Buttons
Vorteile gegenüber Slideshows im Theme
- Beliebiger Inhalt (Bilder, Text, Tabellen, Links etc.).
- Einfaches Hinzufügen / Löschen von Slides.
- View als Block oder Page, damit überall einblendbar.
- Zahlreiche Übergänge von Slide zu Slide konfigurierbar:
none, blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, scrollUp, scrollDown, scrollLeft, scrollRight, scrollHorz, scrollVert, shuffle, slideX, slideY, toss, turnUp, turnDown, turnLeft, turnRight, uncover, wipe, zoom
- Timer delay, Speed, Initial slide delay offset frei wählbar. Sync und Random sind möglich.
- Advanced Options einstellbar.
- Header und Footer des Views sind benutzbar
Gelernt von:
Vorgehen:
- Inhaltstyp für Slideshow-Slides anlegen
- Bildstil unter Konfiguration->Media definieren
- View "SlideBanner" einrichten mit Field Global: view_result_counter (unsichtbar)
- slideshow-pager an view_result_counter anbinden
- Mit Sweaver die CSS überschrieben:
.view-slidebanner .views-field-counter {
float: left;
padding: 10px 5px;
background: url("../SlideButton-inactive-small.png") top left no-repeat;
width: 20px;
}
.view-slidebanner .active .views-field-counter {
background: url("../SlideButton-active-small.png") top left no-repeat;
}
.view-slidebanner .views-content-counter {
display:none;
}
.view-slidebanner .views-slideshow-controls-bottom {
margin-left: 400px;
}