Drupal 7: Views Slideshow Tutorial

Use the Views Slideshow module to create a slideshow of 900×200 images.

• Chaos tool suite (ctools)
• Views
• Libraries
• Views Slideshow get Drupal 7 version even if still in alpha

• download jquery.cycle.all.js
• rename it jquery.cycle.all.min.js and move it to /sites/all/libraries/jquery.cycle (add needed folders)

• name it “Slide”
• add image field “Slide Image”

• /#overlay=admin/config/media/image-styles/add
• name it “slide”
• add “Resize” effect of 900×200

• /#overlay=admin/structure/views/add
• select type Slide
• uncheck Create a page
• check Create a block
• select Display format Slideshow of fields
• Continue and edit button

• add field Content: Slide Image
• uncheck Create a label
• Image style: slide (it's the image type we created previously)

• under FORMAT, next to Format: Slideshow, click on Settings
• configure as you wish

• /#overlay=admin/structure/block
• find it under Disabled and assign it to a region

• the “image style” will create resized images in /sites/default/files/styles/slide/public. It's especially useful if we use images from an existing content type because the original images won't be touched.

• http://www.brightwebsitedesign.com/how-to-install-views-slideshow-module-on-drupal7