Drupal 7 Views SlideShow Image Gallery Tutorial

I always thought how a slideshow or a Image gallery can made in Drupal 7.

Finally I made one. Demo

Note: Along with Views Module you need an additional module

https://drupal.org/project/views_slideshow

and slideshow will need additional modules https://drupal.org/project/libraries

Learn to install Module

Once Installation is Done

Very Important Note : You will find a "README.txt" in "views_slideshow" Module directory.
Installation
=============

4) Create a sites/all/libraries directory on your server.
5) Create a directory within sites/all/libraries named jquery.cycle.
6) Locate/download the jQuery cycle plugin. http://malsup.com/jquery/cycle
7) Upload/install the jQuery cycle plugin: place it inside the jquery.cycle
   directory.
8) Enable the Views slideshow and Views Slideshow: Cycle modules
9) You should now see the new views style option called "Slideshow"
Create a New Content type "Gallery"
And Add Image field to it "Image Gallery"

You can Learn how to Create New Content type and Adding field to it here

Get started:

Step 1 : Click on Structure.


Step 2 : Now click on Views.


Step 3 : Now click on Add New View.


Step 4 : You can Give the Name 'Image Gallery' to The View
Below that you can select on Show 'Content' of Type as 'Gallery' (Will show only Images uploaded in Content type 'Gallery')
Click on Checkbox 'Create a Page'
You can Give the Page title as 'Image Gallery'
Define path to this 'image-gallery'
Display Format to 'SlideShow' of 'fields'
Besides also keep items to display as '1' and 'user pager' unchecked


Step 5 : Now click on "Continue & Edit".


Step 6 : Now click on Add New Field.


Step 7 : Now select "Image Gallery".
Step 8 : Now UN-check Crate a Label
Formateer 'Image' Image style 'large' Link Image to 'nothing'
Step 9 : Dont Forget to Save Complete work.

Step 10 : Check by typing '../image-gallery' In Browser URL

If You Think This Post has helped you buy us a Coffee :)

Make Donation

  • Other: $

Donate now