Stack Gallery Slideshow

Responsive Design

Sliders are responsive with Cross-browser and Cross-Devices support, fully compatible with Tablet, Desktop and Mobile.

CSS3 animations

Animation is done in CSS3 Transitions or jQuery and also supports jQuery easing plugin for advanced easing with adjustable animation speed.

Multiple Instances

Multiple instances are allowed on one page and different themes and options can be set without any conflict. Option to stop slideshow in other instances on slideshow starts in one slider.

Vertical and horizontal orientation

Slides can animate both vertically and horizontally in any direction including round movement.

Slide rotation

Slides can be randomly rotated or have slighly different positions to mimic the appearance of stack if no rotation is used.

Lazy load

Slides can lazy load images for faster page load. Each image will be loaded when slide is opened.

Multiple image sources

Slides can contain both normal and high resolution image and automatically change source on window resize. You can speify individual images for each slider or you can load folder of images with captions taken from image metadata.

HTML content

Load any HML content in slides with AJAX including iframes. Support for Ajax caching.

Slideshow

Optional slideshow with custom delay can randomly rotate slides in both directions (forward, backwards). Slideshow duration can be set independently for individual slides. Slideshow can be automatically paused on hover, when user enters slide with the mouse.

Slide controls

3 different type of slide controls (thumbnails, bullets, buttons) are available, plus swipe on touch sensitive devices.

Url link and lightbox support

Each slide can have url link attached or open lightbox which can show any content (video, images, iframes). Both can be attached to just icon or the whole slide.

Keyboard navigation

Optionally enable the keyboard keys to control the slider.

Query parameters

Control slider with query parameters. Open specific slide and focus slider in page through query parameters.

API methods and event callbacks

Player comes with built in full API support for controlling playback (toggle playback, jump to specific slide etc..) and support for custom events during playback (before slide change, after slide change, slide content loaded..)

Documentation

Fully documented and step-by-step guide provided to help you get up and running with this slider.

Free support and Updates

Stack Gallery Slider is always under development, frequently updated and continues to offer more features and improvements with each new release. Stay tuned and keep in touch.

Any HTML in slide

Place absolutely any HTML content (Images, Audio, and Video) into slide sections.

Different slide sizes supported!

4/3 slide

16/9 slide

This is HTML Form

First Name Last Name Country

Small text in slide

Each slide can be different height and contain any HTML inside. Slides are responsive and can contain url link and lightbox link to an image, video, Youtube, Vimeo or any HTML. CSS3 transitions perform smoothly on any device.

Large text in slide

Each slide can be different height and contain any HTML inside. Slides are responsive and can contain url link and lightbox link to an image, video or any HTML. CSS3 transitions perform smoothly on any device.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in neque. Vivamus tellus. Donec magna. Donec consequat hendrerit magna. In iaculis neque eget nisi. Maecenas vehicula, leo eu commodo aliquam, sem dolor iaculis eros, vel mollis sem urna ac sapien. Integer mattis dui ut erat. Phasellus nibh magna, tempor vitae, dictum sed, vehicula sed, mauris. In enim arcu, porta vel, dictum eu, pretium a, ipsum. Donec cursus, lorem ac posuere viverra, sem tellus accumsan dolor, vel accumsan tortor est et est. Praesent molestie. Nunc Venenatis Sapien Ultrices Dui. Vivamus dolor. Integer vel ante. Proin felis. Maecenas non nisl eu mi hendrerit fringilla. Nullam vel ante et nunc accumsan viverra. Vestibulum nulla justo, tristique nec, tincidunt eget, ultricies sollicitudin, nulla. Proin dui ante, consectetur a, tincidunt in, mattis ut, ipsum. Sed tristique.

Maecenas eu erat condimentum neque molestie tincidunt. Fusce egestas, est ut fringilla facilisis, quam purus blandit dui, eget egestas mauris nibh ut diam. Phasellus volutpat. Sed fringilla tellus in sem. Curabitur dignissim nunc id arcu. Nulla facilisi. In imperdiet. Aliquam enim. Nullam hendrerit purus. Suspendisse lectus orci, commodo eget, luctus ac, venenatis id, magna. In hac habitasse platea dictumst. Fusce aliquam. Donec ut nisi ac diam posuere imperdiet. Cras est enim, consequat non, pretium at, molestie quis, sapien.
In ipsum. In nec risus at ipsum sagittis ultrices. Integer vel libero. Maecenas semper nunc ut urna. In hac habitasse platea dictumst. Sed condimentum arcu at arcu. Nunc justo neque, tempus eu, aliquam non, venenatis eu, nisl. Donec vitae elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc mattis, lectus vitae rhoncus tristique, metus nisi varius nisl, quis condimentum metus nisi nec leo. Nullam nisl erat, sollicitudin et, blandit id, dictum eget, tellus. Nam nec turpis. Morbi faucibus. Fusce eleifend, justo sed aliquam tincidunt, risus mi suscipit augue, fermentum scelerisque enim tortor id purus. Nam in arcu sit amet augue luctus cursus.

STACK GALLERY SLIDESHOW