Skip to: Site menu | Main content

views

Adding a pager to Views Slideshow displays

Many of you are probably already familiar with using the amazing Views Slideshow display plugin for Views. Out of the box it comes with different types of controls for the navigation. But, perhaps what you really want is to be able to add some other form of navigation, like those "dots" that you see in many slideshows. Here's how you do it:

Detailed instructions for building the slideshow

  1. Create an image content type.
    1. Navigate to admin/content/types/add.
    2. Enter the human readable "Name:" Image.
    3. Enter the "Type:" image.
    4. Enter a description.
    5. In the Submission form settings field set, enter a Title field label, Body field label, and the Explanation or submission guidelines as you choose.
    6. In the Workflow settings field set uncheck Promoted to front page.
    7. In the Comment settings field set select the disabled radio button for the Default comment setting field.
    8. Click Save content type.

Quick outline on my DrupalCamp Colorado presentation on views and views slideshow

Disclaimer: The intent of this presentation was to give people a quick, brief, and focused introduction to views. I chose to do certain things in certain ways to stick to that intent. Thus, don't consider that this is the only, or even optimal way, of creating a slide show. However, I used almost these exact steps to create the slide show at the top of the front page on http://isaacsonwebdevelopment.com. The only additional things I did were to code some CSS and put some "anchor" tags in the image nodes and text nodes.

Credits: XWeb | Chris Herberte | Andreas Viklund