Create a Slideshow in Drupal

Required Contrib Module:

• View Slideshow
• Views
• Ctools
• Libraries

We need a file that contains a JQuery slideshow script. This will need to be uploaded manually.

• Visit http://malsup.com/jquery/cycle
• Click the Download the Cycle Plugin link
• Download the file which will be called jquery.cycle.all.js
  

  

  
  
• Browse to /sites/all
• Create a folder called /libraries/ so that the path is /sites/all/libraries/
• Create a folder called /jquery.cycle/ so that the path is /sites/all/libraries//jquery.cycle/
• Upload the jquery.cycle.all.js file into that last folder

We're going to create our slideshow using Views

• Go to Structure -> Views -> Add new view
• Check Create a block
• Choose Slideshow for the Display format
• Click Continue and Edit

on the next screen

• Click add next to Fields
  

  

  
  
• Search for Image and select it
  

  

  
  

  
  
• Search for Global: View result counter and select it
  

  

  
  
• Click Apply (All displays)
• Uncheck Create a label for Image
  

  

  
  
• Set the Image style to Large(or our custom image style)
• Check Exclude from display for Global: View result counter
  

  

  
  
• In the Format area click settings next to Slideshow
  

  

  
  
• Scroll down to the cycle options
• Check the box Pager under Bottom Widgets
• Select Global: View result counter as the Pager fields.
• Click Apply (All displays)
  

  

  
  
  

Only Promote contents to appear on Slideshow

• Click add next to Filter Criteria
• Search for Promoted to front page and select it
• Click on Yes under Promoted to front page