Create a Slideshow of Multiple Images Using Fancy Slide
25th May 2010
Whilst updating my About page, I thought about creating a slideshow of several images instead of just the one static image. When I looking on Drupal.org, the only slideshow modules were to create slideshows of images that were attached to different nodes - not multiple images attached to one node. Then, I found the Fancy Slide module. It's a jQuery Slideshow module with features that include integration with the CCK, ImageCache and Nodequeue modules.
I added an CCK Image field to my Page content type, and set the number of values to 3, then uploaded my images to the Page.
Once the Images were added, I went to the Fancy Slide settings page and created the slideshow.
I added the dimensions of my images, the type of animation, specified the node that contained the images, the slideshow field, delay between slides and transition speed. With the slideshow created, it now needed embedding into the page.
I added the following code into my About page, as described in the Fancy Slide readme.txt file - the number representing the ID of the slideshow.
<?php print theme('fancy_slide', 1); ?>
In my opinion, this adds a nice effect to the About page. I like it because it's easy to set up, and easy to add additional images later on if required.
Questions? Comments? I’m @opdavies on Twitter.
About the Author
Oliver Davies is a Web Developer, System Administrator and Drupal specialist based in the UK. He is a Senior Developer at Microserve and also provides freelance consultancy services for Drupal, Symfony and Laravel applications and Linux servers.