Views Slideshow

The Views Slideshow module can be used to create a slideshow of anything that can be displayed with Views. Such as an image slideshow or a recent content slideshow. This series will walk through some of the most common ways to setup slideshows.

Videos in this series

Installation

This video will show you which modules and libraries need to be installed and enabled for Views Slideshow to work

 

Configuring the Image Styles & Content Type

This video walks through setting up the image styles needed for various slideshows, as well as creating the content type for our slides

This is a premium video series. You can buy it now for instant access.

 

Creating the Initial Views for the Slideshow

In this video, we'll create a view with both a page and a block display of our featured content

This is a premium video series. You can buy it now for instant access.

 

Displaying the Featured Content Block

In this video, we'll adjust the display of our page display, and add the image field to our block display

This is a premium video series. You can buy it now for instant access.

 

Configuring Transitions

This video takes the first look at the Views Slideshow settings, and focuses on the transition options

This is a premium video series. You can buy it now for instant access.

 

Configuring Actions

In this video we'll explore the various Action options for our slideshows

This is a premium video series. You can buy it now for instant access.

 

Adding Controls and Slide Counters

This video will walk through the widgets that can be placed above and below slideshows

This is a premium video series. You can buy it now for instant access.

 

Scaling the Block Height

This video demonstrates how to scale the slideshow block to fit the visible slide

This is a premium video series. You can buy it now for instant access.

 

Adding a Slideshow Pager

This video shows how to add a slideshow pager, and also demonstrates how to style the pager using CSS

 

Adding Controls and a Pager Below the Block

This video demonstrates how to add controls and pagers to your slideshows

This is a premium video series. You can buy it now for instant access.

 

Image Pagers and Displaying Text Over Slideshows

This video will show you how to create a large image slideshow, how to use images as pagers, how to position the image pager over the main slide image, and how to position the slide text over the main slide image.

This is a premium video series. You can buy it now for instant access.

 

Creating a Slideshow of Site Content

In this video, we'll create a new slideshow that will cycle through our most recent blog posts.

This is a premium video series. You can buy it now for instant access.

 

Adding Fields & Pagers to Content Slideshows

This video shows how easy it is to add additional fields to the content slideshow. Then we add a pager and style it different than the image slideshow pager.

 

Displaying Text Over Image Slides

This video shows how to add a text field, and position it over the image slideshow

This is a premium video series. You can buy it now for instant access.

 

Linking to External Sites

Sometimes you want your slides to link to external sites, or specific pages. That's exactly what this video shows how to do

This is a premium video series. You can buy it now for instant access.

 

Installing JSON2.js for Custom Options

There are very few cases that would require you to need the json2.js library. But, if you do find that you need it, this video will show you how to download and install the library.

This is a premium video series. You can buy it now for instant access.

 

Using Arrows as Controls Instead of Text

Sometimes, you'd rather use arrows as controls, instead of the "previous", "pause" and "next" text. This video shows how to use arrows, as well as how to position them using CSS.

This is a premium video series. You can buy it now for instant access.

 

Installing Flex Slider for Views Slideshow

The FlexSlider library is a stand-alone JavaScript library for creating slideshows. There is, however, integration with the Views Slideshow module, which adds additional functionality not available when using FlexSlider alone. This video shows how to install FlexSlider and integrate it with Views Slideshow.

This is a premium video series. You can buy it now for instant access.

 

Creating and Editing Option Sets

Flex Slider uses "Option Sets" for configuration. This video explores the configuration of option sets, and show how to create new, custom option sets.

 

Creating Slideshows with Multi-Value Fields

Probably the easiest way to create a slideshow with Flex Slider is by using the "Flex Slider Fields" module, as it doesn't use Views at all. This video shows how to create slideshows from basic multi-value image fields.

This is a premium video series. You can buy it now for instant access.

 

Creating Slideshows as a Views Style

The Flex Slider Views Style sub-module adds a Views style plugin that you can select instead of table, unformatted list etc. when creating your view. This video takes a look at how that works.

This is a premium video series. You can buy it now for instant access.

 

Search form

Improve the way you manage content in Drupal with Workbench
Create flexible, professional webforms fast!
Need a newslette? Set one up in Drupal today!
Previous Pause Next