Uit DeVliegendeWiki

De Drupal Views Slideshow-module lijkt de standaardmodule te zijn om diapresentaties of slideshows te creeren. Deze module is beschikbaar voor zowel Drupal 5 als 6. De Views Slideshow-module is een extentie van de Views-module met de mogelijkheid om een bestaande view als diapresentatie af te spelen. Deze view heeft op zijn beurt input nodig in de vorm van afbeeldingen die ondergebracht zijn in nodes.

Er bestaan plugins voor de Views Slideshow-module, zoals de ImageFlow-module en de Dynamic Display Block-module. Zie ook Slideshow-modules en Views-module

http://slangenboren-online.nl toont op de home page een voorbeeld van de Views Slideshow-module.

Procedure:

1. Modules installeren;
2. Mbv. ImageCache-module een afbeeldingsformaat defineren genaamd Diapresentatie);
3. Mbv. CCK een contenttype defineren (bv. genaamd Afbeelding), waarin het eerder gedefineerde afbeeldingsformaat wordt toegepast;
4. Een paar nodes aanmaken van dit type;
5. View defineren (bv. Diapresentatie) waarin deze nodes worden weergegeven middels de Slideshow-module;
6. Deze view in een block toonbaar maken.

Effecten

• Scroll...: Zoals de naam al zegt.

1. Modules

• Views
• Views Slideshow
• ImageAPI (inclusief GD2-ondersteuning)
• CCK
• ImageCache
• ImageField
• FileField

2. ImageCache-instellingen aanmaken

Afbeeldingen bij content worden doorgaans opgeslagen conform bepaalde ImageCache-instellingen (als je ImageCache gebruikt, hetgeen voor de hand ligt). Daarom is het logisch om eerst ImageCache-instellingen aan te maken, en pas daarna een View.

Aanmaken van ImageCache-instellingen stelt weinig voor:

• Preset Namespace: Diapresentatie
• Voeg actie toe:Scale & crop
• Specificeer dimensies. slangenboren-online gebruikt 350x263 pixels en 350x195. Waarschijnlijk is 350x200 een prima formaat

Voorbeeld ImageCache Drupal 5

Voorbeeld ImageCache Drupal 6: Overzicht van aangemaakte presets. Je hebt er doorgaans maar eentje nodig

Voorbeeld ImageCache Drupal 6: Als je op de naam van een preset klikt, of op Edit, beland je bij de instellingen voor de betreffende preset. Weinig comples

3. Defineer contenttype

We hebben afbeeldingen nodig voor een diapresentatie. Daarom moeten die afbeeldingen beschikbaar zijn als nodes. Uiteraard kun je een bestaande verzameling nodes gebruiken, bijvoorbeeld products, als je toch al producten met afbeeldingen hebt. Het kan echter handiger zijn om een specifiek content-type aan te maken.

Defineer mbv. de Content Construction Kit (CCK) een contenttype met maar één veld, van het type afbeelding.

CCK Drupal 5: Add Content Type

CCK Drupal 5: Er moet één veld worden toegevoegd, type 'File' > 'Image'

CCK Drupal 5: Weergave-opties met verwijzingen naar ImageCache-instellingen

CCK Drupal 6: Scherm Content types toont het uiteindelijke resultaat: Er is een compleet contenttype bijgekomen. Vanaf deze pagina kun je drie tabbladen bereiken: edit (basisinstellingen), manage fields, en display fields.

CCK Drupal 6: Eerste tabblad, met alleen wat basisinformatie

CCK Drupal 6: Tweede tabblad manage fields. Hier is het veld afb2 toegevoegd. Daar gaat het om

CCK Drupal 6: Vanaf manage fields doorgeklikt naar het veld dat we zelf hebben aangemaakt. Let op Field type en Widget type

CCK Drupal 6: Derde tabblad. Hier komt de eerder gedefineerde ImageCache-setting terug

4. Maak nodes aan

Maak minimaal drie nodes aan om te kunnen testen. Als je die nodes kiest, bv. via Content management > Content > List, verschijnen ze conform de ImageCache-setting die in het betreffende contenttype zijn geconfigureerd. Volgens mij is er niet een manier om ze alle drie tegelijkertijd in beeld te krijgen.

5. Maak View aan

• Handig om zowel Provide page view als Provide block view te activeren;
• View Type: Slideshow Full Nodes;
• Fields: Dit betreffen de velden die je wilt gebruiken in de diapresentatie. Hier moet je de juiste ImageCache-setting gebruiken;
• Filters: Node: type - Is one of - < content-type >;
• Administer > Site building > Themes > Global settings: Display post information on uitzetten voor het betreffende content-type.

Wellicht wil je niet dat de titel van de node getoond wordt. In Drupal 6 kun je dat specificieren via CCK, maar in Drupal 5 lijkt dat niet te kunnen. In dat geval kun je oa. deze truuk toepassen: Pas bestand node.tpl.php aan, zodat titels die beginnen met een underscore, niet getoond worden. Let op: Deze code geldt voor alle nodes, dus in één keer alle titels weglaten, is niet handig.

 <?php if ($page == 0): ?>
	<!-- ------------------------------------------------------------------------>
 <?php if (substr($title,0,1) != "_") { ?>

Drupal 6 View: Page display en Style: Slideshow

Bronnen

• drupal.org/projects/views_slideshow
• Drupal.org: Views Slideshow for Views 1.x (Overzichtspagina)
• drupal.org/project/hoverintent: Deze module wordt vaak aangeraden
• drupal.org/projects/jquery_update: Deze module wordt vaak aangeraden
• drupal.org/project/advanced_help: Volgens de Views Slideshow pagina op drupal.org, zijn Views Slideshow tutorials beschikbaar via de Advanced Help-module.