Home / Using Views Slideshow module

Using Views Slideshow module

Submitted by ivan on Tue, 04/05/2010 - 20:07

Views slideshow module is a great module which allows you to create slideshows from a views results. It makes it very easy to create a block that rotates the latest blog posts for example.

Getting started

To install the module just download it and copy it into your modules folder. Once copied go to admin/build/modules and enable Views Slideshow, Views Slideshow: SingleFrame and Views Slideshow: ThumbnailHover.

views_ss_fig1.jpg

In this quick how to I’ll only show you how to setup a slideshow using the SingleFrame mode.

To get started create a simple block view which displays the story title and body (set a max character limit to only display a teaser) field.

views_ss_fig2.jpg

To give it some slideshow magic change the style to Slideshow and click on Update.

views_ss_fig3.jpg


views_ss_fig4.jpg

After clicking Update you’ll get the style options. Here you have the ability to configure the slideshow to a certain point.

First leave the Slideshow mode on SingleFrame.

views_ss_fig5.jpg

By updating the form with the standard configuration you do get a simple slideshow but there are a few things you can customise like the controls, pager and effect type.

Just give it a go and see what type of slideshow you can come up with.

As always with Drupal there are 10 ways of creating a slideshow, just search for slideshow using Drupal's search to find other projects.

Comments

Anonymous's picture
Submitted by Quintin (not verified) on Fri, 28/05/2010 - 01:52.

Hi. I am new to drupal, i have created the slidshow view, but what do i do now?
How do i add images and assign where it must go on the site>

thanks.

Anonymous's picture
Submitted by Anonymous (not verified) on Thu, 06/05/2010 - 18:44.

Here, you can see what another module (Views Showcase) can do : http://www.aidants-aides.fr

Anonymous's picture
Submitted by Anonymous (not verified) on Wed, 05/05/2010 - 21:43.

Do you have a demo of what you did with that module?

ivan's picture
Submitted by ivan on Thu, 06/05/2010 - 08:20.

Sorry I don't have a demo of the module.

Anonymous's picture
Submitted by redndahead (not verified) on Wed, 05/05/2010 - 03:22.

Thanks for posting a tutorial. If you would like feel free to add it to the documentation page. http://drupal.org/node/755016

ivan's picture
Submitted by ivan on Thu, 06/05/2010 - 08:24.

I have added it to the docs page.

Post new comment

The content of this field is kept private and will not be shown publicly. If you have a Gravatar account, used to display your avatar.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <pre> <h2> <h3> <h4> <h5> <h6> <hr> <blockquote> <p> <br>
  • Lines and paragraphs break automatically.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. The supported tag styles are: <foo>, [foo]. PHP source code can also be enclosed in <?php ... ?> or <% ... %>.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.

More information about formatting options