jQuery Accordion MultiPurpose Gallery Slideshow

Accordion gallery slideshow offers ability to display more slides than visible, with an easy scroll through navigation, making it very powerfull in displaying large collection of data. Furthermore, slides can be different size.
Place any inline HMTL content inside the slider.

Embed multiple instances in same page (example included in download package).

All demo examples included in the download package for easy setup.


  • 2 version layout (vertical and horizonal)
  • 2 directional movement (forward and backward)
  • Optional different sized slides!
  • Optional images (only div which holds the slide is required, other that that place anything you want inside each slide)
  • Open on click or rollover
  • Set number of visible items
  • Set starting item on beginning (or none)
  • Whole slide can be linked to url
  • Optional controls (previous, pause/play, forward)
  • Set slideshow global delay or individual delay per slide
  • Optional keyboard navigation
  • Scroll used is jScrollPane
  • Public API methods available
    • Toggle slideshow (start/stop)
    • Toggle direction (forward/backward)
    • Previous media
    • Next media
    • Open media number
    • Set slideshow delay
  • Callback methods available
    • accordionGalleryReady (component inited, ready to receive public API calls)
    • detailActivated (prettyphoto activated)
    • detailClosed (prettyphoto closed)
    • beforeSlideChange(slide number returned)
    • afterSlideChange(slide number returned)

Updates / Changelog

UPDATE 1.35 [28.9.2018]

  • [UPDATE] small code improvements

UPDATE 1.3 [27.9.2016]

  • [UPDATE] update compatibility with jquery 3


version 1.22

  • update to prettyPhoto 3.1.6 (prettyPhoto XSS fix)


version 1.21

  • update to jquery 1.10.2


version 1.2

  • update to jquery 1.9.1
  • update prettyphoto for jquery 1.9.1

You might be interested in…

HTML5 Video & Youtube Background Intro

HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions

Leave a Reply

Your email address will not be published.