jQuery Image Gallery Slideshow with MousePan

jQuery Image Gallery Slideshow with MousePan

Multimedia gallery with image mouse pan and touch pan for touch supported devices, video (local, youtube, vimeo) and audio players with Flash backups for older browsers.

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

Check this on your mobile phone:


  • Responsive or fixed size posibilities
  • Video and Audio support (local, youtube, vimeo) with Flash backups for older browsers
  • Playlist can be: auto create from folder(s) of images, html markup, xml playlist
  • Optional deeplinking with jquery address for SEO
  • Unlimited image categories supported
  • Specify number of visible menu thumbnails
  • Thumbnail position bottom / right
  • Thumbnail scale on rollover
  • Optional gallery thumbs side flip (vertical / horizontal)
  • Optional different size image thumbnails per category
  • Optional image description (with optional auto-open)
  • Optional image link
  • Start with menu or any category
  • Start with image scaled down or in its original size
  • Image mouse pan and touch pan on touch supported devices
  • Optional random play
  • Public methods available
    • Next media
    • Previous media
    • Load media (number/name)
    • Load category (number/name)
    • Toggle slideshow
    • Set slideshow delay
    • Flip thumbnail side
  • Callbacks available
    • gallery Setup Done
    • before Slide Change (slide number returned)
    • after Slide Change (slide number returned)
  • Video settings
    • Volume
    • Autoplay
    • Loop
    • Include video in slideshow
    • Lightbox effect background opacity
    • Local video support (mp4, ogv, webm, flash backup)
    • Youtube support (video ID)
    • Vimeo support (video ID)
  • Audio settings
    • Volume
    • Autoplay
    • Loop
    • Random
    • Playlist HTML markup, auto-read from folder, xml playlist, mixed playlist
    • Optional Auto open audio player

    Updates / Changelog

    UPDATE 2.25 [27.10.2017]

 - [FIX] fixed Youtube init error

UPDATE 2.2 [5.4.2017]

  • [UPDATE] some Youtube and Vimeo api updates

UPDATE 2.1 [24.2.2017]

  • [UPDATE] updated soundmanager

UPDATE 2.0.1 [29.10.2016]

  • [FIX] updated ie pan drag

UPDATE 2.0 [27.9.2016]

  • [UPDATE] update compatibility with jquery 3


version 1.86


version 1.85
  • added click touch on video
  • fixed video player position in normal/fullscreen mode


version 1.84
  • updated panGallery.js file, function toggleVideoPlayer


version 1.83
  • update to jquery 1.10.2


version 1.82
  • fixed description opening/closing


version 1.82
  • fixed video issues in videoGallery.js file


version 1.81
  • added youtube fullscreen button in all browsers
  • added youtube option to play highest video quality available


version 1.8
  • optional video support for each slide (local video (mp4, ogv, webm) with flash backup for older browsers, youtube, vimeo)
  • optional html5 music player for gallery (with flash backup for older browsers)
  • music player can be just a simple toggle button (music on/off)
  • new thumbnail layouts with jScrollPane
  • auto create playlists from folder(s) of image files
  • xml playlist
  • mixed playlists (html markup, xml, auto create from folder)
  • improved deeplinking for SEO
  • general code improvements
  • multiple gallery instances in single page (example included!)
  • new public api method: flip gallery side


version 1.2
  • update to jquery 1.9.1
  • update jquery address (for deeplinking) for jquery 1.9.1
  • You might be interested in…


    HTML5 Video & Image Background Intro








    HTML5 Audio Player With Playlist



    JQuery Stack Banner Slideshow with Captions


    jQuery Slice Banner Slideshow with Captions