The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

is there a way to tell the slideshow to skip to a certain slide? (3 posts)

  1. dagfooyo
    Posted 2 years ago #

    Hi - my client wants a slideshow with a thumbnail gallery next to it, where clicking on the thumbnails causes the slideshow to fade to that slide. I can take care of adding the thumbnail gallery, I just need to be able to get the slideshow to respond when the thumbnails are clicked.

    I know skipping from one slide to another is possible since you can do it using the nav buttons. However since the code is minified I can't figure out what function to call to replicate that behavior.

    Is there a way I can call a function that will tell a slideshow to skip to a certain slide? And if so how do I do that?

    Thanks for your help!


  2. Stefan Boonstra
    Plugin Author

    Posted 2 years ago #


    The latest version of the slideshow has an (undocumented) API, so you can use your own JavaScript to control the slideshow.

    You can find the uncompressed source code of the slideshow here.

    To animate to a specific slide, you'll need to ge the instance of the slideshow object. For this you'll also need to get the ".slideshow_container" jQuery element object of the slideshow.

    slideshowInstance = slideshow_jquery_image_gallery_script.getSlideshowInstance(jQuery('.slideshow_container'));

    With the "slideshowInstance" instance reference you can control the slideshow. It's a good idea to pause the slideshow before trying to animate to the next slide:


    Next, you can call the "animateTo" method to show the slide corresponding to the passed integer index. The first slide has an index of 0.


    You can then set the slideshow to play again:


    Best regards,

  3. dagfooyo
    Posted 2 years ago #

    Awesome! Thanks Stefan, that's exactly what I need :-)

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Slideshow
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic