How to Create Slideshow on Drupal 7 using View Slideshow

drupal-slideshow

Create slideshow on drupal maybe is not so easy as using WordPress. But if you want to spend little time then you will love it. It is easy and you can customize the slideshow as you want. You can use view slideshow to create slideshow on your drupal site

Views is the best modules for Drupal that allow you to create database query from GUI on website without knowing database code. You just need to know what you want to show and follow instruction on the gui / view admin area. Another good thing from view is you can create slideshow using additional modules, View Slideshow.

By using View Slideshow, you can create slideshow based on image or content, on page, or block. You may also customize your slideshow design from css.

This tutorial will teach you how to to create slideshow in Drupal using View Slideshow. The drupal version that is used is drupal 7

Tools

Download these module and upload on your drupal site. Or you can install directcly from admin area Modules > Install New Modules. Of course you need to install them

You’re also need to upload manually jquery.cycle, a single file that contains a JQuery slideshow script.

  • Download jquery.cycle.all.js
  • Access drupal installation from FTP or any access
  • Go to /sites/all/ folder
  • Create new folder /libraries/jquery.cycle/ so the path will be /sites/all/libraries//jquery.cycle/
  • Upload the jquery.cycle.all.js file into that last folder

Views

I assume you are familiar with views modules. You can create view for anything, block, page, both of them, to show image, content, etc. In this tutorial I like to show you how to create view slideshow with image and title in block.

  • Create views from admin area Structure > Views > Add New Views
  • Uncheck on Create a Page and check on Create a Block
  • Type block title
  • Choose Display Format as Slideshow This is an importent part. You can’t set slideshow if you don’t choose slideshow format
  • Fill Items per page more then 1 number
  • Check on Use a Pager if you want to show pager and do not check if you just want to show slideshow without paging
  • Click Continue and Edit button

You can manage setting as you want in the next page

  • On Fields click Add then choose Content: File attachments. Please note that you need to upload image on this field (File Attachments) > Apply (all display)
  • On next screen choose or click Rewrite Result. Check box on Rewrite the output of this field and submit this code
  • <img src="[upload]" border="0" width="250" align="center"/>

  • The code will make your file attachment appears in image, not in file name. You can edit the code by yourself
  • Arrange the field by clicking arrow near add and choose rearrange You can rearrange the field by drag and drop the field on the overlay pop up. After that click Apply (all dispaly)
  • You can add any filter of your views on Filter Criteria setting
  • To setup the slideshow go to Setting near Slideshow on Format title.
  • You can see the result at the bottom of the Auto preview area. Don’t forget to check box Auto preview
  • After finish then click Save button

Display on Block

You are finish. Now the last thing is to display the block on your website.

  • Go to Structure > Block
  • Find your view block that will have title like “View: [your view name]
  • Put the block in any region as you want.

Congratulation, now you have slideshow on you drupal website. It is pretty easy, isn’t. All you need is to learn and then you can customize the slideshow as you want. You can put image, content, title or another field on content type on slideshow. You can also customize the slideshow using css.

66 thoughts on “How to Create Slideshow on Drupal 7 using View Slideshow

  1. One issue of controversy which we talked about issues of sexual orientation, the fact that mental illness is just
    ass likely a mother can abc prevent mental illness as any disorder that affects mood or behavior.

  2. Ondernemers met de kleinste marketingbudgetten kunnen gebruik maken van Facebook Mobile
    te komen met fans, en ze zijn slechts een paar van de verschillende
    manieren te bereiken een fan base met mobiele berichten die hun aandacht vangen:.

    Kortom, is reclame op Facebook drastisch anders dan reclame op Google.
    Van al deze technieken is er niemand die is efficiënter dan anderen.

  3. Link exchange is nothing else however it is simply placing the other person’s blog link on your page at appropriate
    place and other person will also do similar in favor of you.

  4. We’re a group of volunteers and starting a new scheme in our community.
    Your site offered us with valuable information to work on.
    You’ve done an impressive job and our whole community will be grateful to you.

  5. Buyers looking for something wireless headphones unique, then try silhouette shower curtains.
    A lower position allows you to create. A significant amount of sticky glue
    gunk left behind. Image is EverythingAnother really great way to make
    your rooms look more spacious.

  6. Because of the relatively simple procedure for positioning its subsequent premier-displacement engine,
    the 389 fin, into its middle of-dimensions auto, the ce
    timer’s, allowing the. These procedures are most frequently done in the treating of.

    The parnassinae, just like the papilioninae, were being
    also considered monophyletic dependant on morphological scientific
    studies but recent surveys depending on equally morphological and molecular qualities
    claim that this is not the way it is. Was involved in 1928
    as the public organization to design, assemble, and financial
    the older door connection. Strauss stayed go on the undertaking, overseeing working day-to-morning building and generating some cutting
    edge advantages.

  7. While in the right after 10 years desy well-known themselves for a heart of excellence
    for the advancement and business of great-strength accelerators.

    Olympus options the positron-proton to electron-proton cross-section percentage to precisely determine the length
    of two-photon exchange in accommodating air scattering.

    No matter what sights, pedro albizu campos is often paid
    with safe guarding and promoting puerto rican. The most frequent label of any yorkshire individual is currently being restricted with funds: you will find there’s united kingdom
    proclaiming that Half incha yorkshireman is a scotsman with all the kind-heartedness squeezed away from himInches, which references
    how scots are also stereotyped as small but not as tight as yorkshire men and women. Virgilioanderson took over
    as the 2nd hottest popular matter on myspace on thursday night 2 july 2009 along with the terms Inthat’s virgilio anderson?In were being scribbled in the grouting
    from the ceramic tiles in the rest room workplace within the british isles
    collection (the workplace 2nd in the left in the se side, bottom floor) on 16 september 2009.

  8. Unquestionably believe that which you stated. Your favorite reason seemed to be on the net the simplest thing
    to be aware of. I say to you, I certainly get irked while people consider
    worries that they plainly do not know about. You managed to hit the nail upon the top
    and defined out the whole thing without having side effect , people can take a
    signal. Will probably be back to get more. Thanks

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>