Demo Slideshow

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:

How to Create a Drupal 7 Slideshow with Views: Tutorial 1 of 2

How to Create a Drupal 7 Slideshow with Views: Tutorial 2 of 2

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;
}