Code

JQuery Stack Banner Slideshow with Captions

JQuery Stack Banner Slideshow with Captions

By
Cart 394 sales
Recently Updated

Click image to view demo



Use this sexy and stylish banner slideshow powered by CSS3 animations to spice up your website.
Load any HMTL content in slide with AJAX, lazy load support, different size slides support, responsive sizing and multiple instances in page supported.

Features and options:

  • CSS3 animations
  • responsive slides
  • lazy load images and iframes
  • Optional slide rotation
  • 2 directional movement (forward and backward)
  • 6 types of stack animation (left, right, up, down, circle)
  • Randomize slides option
  • 3 different slide controls (buttons, bullets, thumbnails, or none)
  • Optional slideshow
  • Query parameters
  • Keyboard controls
  • Optional lightbox (Fancybox)
  • Optional slide url link
  • Attach lightbox or link to buttons or whole slide
  • Slide content support
    • images
    • iframes
    • Any HTML
  • Different size slides support
  • Support for multiple images source sizes for best resolution
  • Multiple captions support
  • Public API methods available
    • Pause Slideshow
    • Resume Slideshow
    • Next Slide
    • Previous Slide
    • Open Slide
  • Callbacks available
    • Gallery Ready
    • Before Slide Change
    • After Slide Change
    • Before Lightbox Open
    • After Lightbox Close

Notes:

1. This is jQuery version, Wordpress version is available here: https://codecanyon.net/item/stack-banner-slideshow-with-captions/edit/23698258



Updates / Changelog

UPDATE 2.3 [13.11.2021]

- [ADD] option to load folder of images in slide (create captions from image meta)

UPDATE 2.2 [2.12.2019]

- [UPDATE] controls created automatically
- [ADD] load ajax content in slide 
- [ADD] add keyboard controls for controlling slides
- [ADD] new caption styles
- [ADD] change to next slide by clicking on top slide
- [ADD] query parameters: open specific slide in slider on page and focus slider
- [ADD] toggle slideshow between multiple instances in page
- [UPDATE] other code improvements / fixes

UPDATE 2.0 [22.4.2019]

 - [UPDATE] new code base (css animations), fancybox lightbox, responsive layouts, lazy load and many new options

UPDATE 1.35 [28.9.2018]

  • [UPDATE] small code improvements

UPDATE 1.3 [27.9.2016]

  • [UPDATE] update compatibility with jquery 3

15.9.2015

version 1.23
  • fixed bug isBelow9

12.6.2015

version 1.22
  • update to prettyPhoto 3.1.6 (prettyPhoto XSS fix)

3.10.2013

version 1.21
  • update to jquery 1.10.2

23.2.2013

version 1.2
  • update to jquery 1.9.1
  • update prettyphoto for jquery 1.9.1
  • update transform engine for jquery 1.9.1


tags: image gallery, lightbox, image slider, stack gallery, card slider, vimeo, youtube, team member

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey