Vertical scroll image slideshow gallery

July 18, 2010 | Posted by: Gopi R | Wordpress plugin | 51 Comments | Video tutorial

Vertical scroll image slideshow gallery plugin lets you showcase images in a vertical scroll style in the WordPress widget. Single image at a time and push one by one continually. The speed of the image movement is customizable (Slide timeout). And this plugin retrieve images directly from the specified folder. The file names are returned in the order in which they are stored by the file system. So the order of the image display is based on the file uploaded date.

Features of this plugin

  1. Simple to use.
  2. Easy installation and customization.

Live demo available on sidebar. All images are hyper-linked to single url. images are displaying directly from the folder. do you want the same type of scroll and each image hyper-linked with different url? Use Vertical scroll slideshow gallery v2 wordpress plugin.

Plugin installation instruction

Method 1

  • Download the plugin vertical-scroll-image-slideshow-gallery.zip from download directory.
  • Unpack the vertical-scroll-image-slideshow-gallery.zip file
  • Extract the /vertical-scroll-image-slideshow-gallery/ folder.
  • Drop the vertical-scroll-image-slideshow-gallery folder into your ‘wp-content/plugins’ folder.
  • In word press administration panels, click on plug-in from the menu.
  • You should see your new vertical scroll image slideshow gallery plug-in listed.
  • To turn the word presses plug-in on, click activate.

Method 2

  • Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
  • Search vertical scroll image slideshow gallery plugin using search option.
  • Find the plugin and click ‘Install Now’ link.
  • Finally click activate plug-in link to activate the plug-in.

Method 3

  • Download the plugin vertical-scroll-image-slideshow-gallery.zip from download link.
  • Go to ‘add new’ menu under ‘plugins’ tab in your word press admin.
  • Select upload link (top link menu).
  • Upload the available vertical-scroll-image-slideshow-gallery.zip file and click install now.
  • Finally click activate plug-in link to activate the plug-in.


Plugin configuration

Drag and drop the widget: Go to widget page under appearance tab, Drag and drop VS slideshow widget into your side bar. It’s very easy.

Add directly in the theme: Use this code, <?php if (function_exists (VSslideshow_slideshow)) VSslideshow_slideshow(); ?> to add the gallery to your theme files.

Frequently Asked Questions

Q1. I installed the plugin but can’t see it. What’s wrong?
Make sure the directory name is entered correctly on the settings page.

Q2. Where to upload my image?
wp-content/plugins/vertical-scroll-image-slideshow-gallery/VSslideshow/
Also you can change the location via widget configuration. (Best practice is don’t upload your original image into this default folder instead you change this default path to original path)

Q3. How to upload my image?
After activated the plugin in default it will fetch image from the below location.
wp-content/plugins/vertical-scroll-image-slideshow-gallery/VSslideshow/
You have to change this folder location to your original location. (Best practice is don’t upload your original image into this default folder instead you change this default path to original path)

Q4. Widget title appears but no photos appear below it?
Make sure the directory name is entered correctly on the settings page. this is the default photo location wp-content/plugins/vertical-scroll-image-slideshow-gallery/VSslideshow/

Q5. Why my image gallery out of range?
In front end widget area, if you see gallery out of area or invisible, it because of height and width of the widget, so you should arrange width and height of the widget in widget configuration area. In default I have fixed width: 200px and height: 155px.

Q6. Why my slideshow not scroll properly or why one image overlaps another at the time of scroll?
Set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!

Download location

http://www.gopiplus.com/work/wordpress-plugin-download/

Other slideshow plugin

Comments (51)

  1. Karen Bennett says:

    Thanks for this plugin. It’s pretty easy to use. I tried using .png files at first and it didn’t work, but it did work when I used .jpg instead. Does it only work with .jpg? If so, that might be worth mentioning in the FAQ or readme.

    • Radek says:

      Just change text strpos($gSlidefile, ‘.gif’) to strpos($gSlidefile, ‘.png’) in vertical-scroll-image-slideshow-gallery.php and they will use png . Much more useful then gif .

  2. Steven says:

    Hi thanks for the plugin. It’s great.
    I was just wondering how I could get the pictures a bit bigger. I don’t seem to find where to change the format.

  3. Jan says:

    This was exactly what I was looking for but my images are not appearing.
    I uploaded the images to the folder, I made sure the permissions were normal, but it still doesn’t work. I just see the slideshow title. and a thin bar.

    • Debbie Stevens says:

      Have managed to get everything uploaded etc, used the folder mentioned, but still seeing collection of Michale Jackson photo’s? lol

  4. faouzi says:

    Iam using the plg in it’S great but can you say me how to give diffirent links to each image, so image one link one image two link two

    • Nikola says:

      yes, this would be a great option, it should be possible to choose between same link for all pictures and individual links, otherwise it is nice and simple plug-in and it works nicely

      • Amanda says:

        I also need there to be individual links for each image, it’s too bad that they all link to the same link. Let us know if it can be updated.

    • Ken Philips says:

      Fantastic… have been banging my head against the wall to find something like this to help “jazz up” our website. Thx

  5. Harald says:

    Nice plugin, but there is a scrolling horizontal white line, not aligned correctly between every image. I have set the view to 260 x 260 and every image is also 260 x 260 so there shouldn’t be any alignment problems. I guess this white line is a marker to give some white space between every images but it is not working!

  6. Luis says:

    Hi Gopi,
    The plugin was working fine, but then I decided to change the index of my page to the root instead of the /wordpress like it was. Everything works but the plugin.

    I’ve tried uninstalling and reintalling the plugin and but all I get insted of pictures is a message that says “UNDEFINED”

    One more thing… I changed the index back to the original wordpress directory and from there it runs nice.

    The problem is when I want my index in the root.

    Can you please give me some advise?

  7. Ankit says:

    Superb! Great Work! Simple and efficient!

  8. Rebecca says:

    I installed the plug in & it works great. The only problem I am having is it only scrolls 5 of the 10 pictures that I uploaded to the gallery. Is there a way to adjust the number of images that will show in the scroll?

  9. Martin says:

    Thanks, exactly what I was looking for.
    Is there an easy way to adjust the speed?
    I set the delay on 0 to enable continues scrolling, but I want to lower the speed.
    Regards!

  10. Ned says:

    Wonderful; I have been using it for a while.

    However, it tends to start the slideshow on some image it chooses, and not the one I want!
    It does not seem to go by the file name nor date. Not for the starting image, that is. It follows the order based on file name, but it picks up the order somewhere in the middle.

    I have named the files “slideshow_01.jpg” and so forth. I recently tried changing to letters, eg “slideshow_A.jpg” but it still doesn’t start at the first one in the order.

    I have 15 images as of now.

    Please advise!

    n

  11. Raven says:

    This plugin works perfectly and is easy to install and get moving. Thanks! Finally a time-saver.

  12. Chad says:

    I have the slideshow downloaded and showing in my sidebar, however I can’t figure out how to download the images to the default folder. I’m sure it’s simple, what am I missing.

  13. Joey says:

    I installed it and it works as long as I keep the default Jackson images. When I change the image directory to point to my images on my C:\ DRIVE I get a message “UNDEFINED.” Help.

  14. Auckland says:

    whoa, that picture of MJ is creepy

  15. jam says:

    thanks ! i have tested and will install in http://giaothuongtructuyen.com and hope the slideshow will appear nice ! thanks again !

  16. Wordpress Gallery Plugins Free | Free Resources for Designers & Developers says:

    [...] Demo [...]

  17. temi says:

    Followed your instructions to the letter and yet keep getting Michael Jackson!!
    Pls help.
    Is there a way to upload specific images to the folder you prescribed without changeing all the url of my other images too?

  18. RonCZ says:

    I’m having this same undefined problem, you suggested to, “Just check image URL in the XML file, or go to php file and make all images into FULL path” but I too am not sure where the XML file is.

    Seems is does not have the full path to the image wish there was an easy fix.

  19. Srog says:

    This is exactly what I was looking for. I am at a school that restricts writing to certain folders so the gallery plug-ins are not working for me. Simple and easy to use. Thanks!

  20. Debbie Stevens says:

    Where is the ‘php’ file?? I think I have only made matters worse…MJ is now gone!

  21. cangrejero says:

    A funny thing is happening after installing this plugin. My site “accesorioscelularpr.com” has a menu developed following the tutorial at “http://anthologyoi.com/wordpress/displaying-wordpress-categories-in-a-horizontal-dropdown-menu.html”. The child menus work OK until I install the widget in a sidebar. With the widget installed, the child menus are not displayed. Any thoughts. Thanks!

  22. justin says:

    just wanted to give you a heads up that when this plugin is activated, it immediately throws an error on our site and takes the entire site down. just wondering if maybe you were working on a fix for that and if an upgrade was coming up. thanks.

  23. Becky says:

    Where do I load the pictures too?

  24. Brennig says:

    Very neat, good functionality, easy to understand how to make changes and simple to operate. Thank you very much for doing this.

    x

  25. Melisa Waaga says:

    Hello, Neat post. There’s an issue together with your web site in web explorer, may test this¡K IE still is the marketplace leader and a good section of other folks will miss your magnificent writing because of this problem.

  26. Gopi R says:

    New version 4.0 available now

  27. Jon Ewell says:

    Your plug-in works great but I noticed I can only use one instance of it. I added it to one widget but when I return to the widget panel to add another slideshow to a different sidebar it is not available.

    Is it possible to use more than one slideshow on a site?

  28. Uma Sumeros says:

    Hello:

    Thank you for your work on this plugin. I am using .jpg images, all the same size, but the keep breaking.

    What is the solution this problem?

  29. marco says:

    il codice corretto e questo

  30. Vertical scroll image slideshow gallery review, discussions, does it work, and ratings on Loadwp.com | Loadwp.com says:

    [...] Check official website for live demo : http://www.gopiplus.com/work/2010/07/18/vertical-scroll-image-slideshow-gallery/ [...]

  31. joakim says:

    HI keep getin the text undifined om all my pics what am i doing wrong then

  32. Tony says:

    Can someone give me an example of exactly what the directory address should be? I have tried everything I can think of but all I see are the words Slide Show, no pics at all.

  33. anwar says:

    Hi tony

    copy the url from media where u upload ur images to the image settings of horizontal plugin..u will get the images display..

  34. MRod says:

    I’m using the slider for vertical jpgs of advertisements, notices, etc. How do I customize the size of the window to accomodate individual vertical-shaped images?

  35. donna says:

    i’m wanting to set the height of my slideshow to that of my sidebar, so that about 5 images will be visible at a time. is there a way to do this? It seems the settings only allow for one image to visible at a time..

  36. Mario says:

    Hello!
    I don’t understand what ‘Images link’ means*?
    Slide works vut I can’t get images to appeare, only saying ‘undefined’ where picture frames are.
    Please explain…
    thx

  37. Josh says:

    When I do an automatic upgrade, my photos are deleted and replaced with michael jackson photos. can you fix this from happening? its a pain to upgrade then delete the mj photos and then reupload.

  38. karnasia says:

    submit

  39. Jack says:

    How can this be used on a normal html/php site?

Leave a Reply