XProSlider - Responsive jQuery Slider, Carousel and Gallery

XProSlider is professionally tailored slider control. It is easy to implement and offers limited and targeted set of features at its best with highest quality and performance. XProSlider is versatile, multi modes, can be implemented as a slider, a scroller/carousel or a gallery. It is control to enhance your website whether as website banner, picture or video gallery, news carousel or RSS news scroller.

in v1.4

• Better RSS support with new templates/examples included.
• New responsive full screen (width and height) slider, RSS and tab slider templates.
• Slide by page in news/carousel mode.
• Fix minor Ken Burns effect bug.
• Reorganize files and folder structure.
• 25+ unique templates

Features Highlight

Check Live Demo

Features

• Slide any html content such image, text or video (support Youtube, Vimeo and Html 5 Video).
• Fully responsive, adjust width or height accordingly including the animated layer.
• XProSlider is versatile, can be a slider, scroller, news carousel, image/video gallery.
• Auto Height mode to adjust height proportionally or fit content.
• Smart navigation, navigate to target slide instantly, doesn’t scroll all the way through target slide.
• Touch/swipe slide enable(on touch screen), click & drag (with mouse) & keyboard support.
• Layer animation on content slide in and slide out event.
• Ken Burns effect (pan and zoom), adding Ken Burns effect as simple as adding class name.
• New layer effect: flip, rotate, skew, zoom with declarative syntax.
• HTML 5 video background.
• Responsive sticky layer, static layer, always on top of slider.
• Support vertical/horizontal orientation.
• Support image, tab style or bullet style thumbnail (horizontal or vertical).
• Ajax/lazy loading, external content linking, rss and more.
• Automatically switch slide orientation at specified width.
• Automatically swith thumbnail orientation at specified width.
• Slide in floating lighbox.
• View html, image or video in built-in lightbox.
• Info Panel, display additional information for each slide.
• Automatic slide and manual slide. External control to slide is also supported.
• Loop content.
• Fit image in slider by width, height or auto detect.
• Set Image vertical alignment to top, center or bottom.
• Progress bar between slides interval.
• Navigation preview thumbnail (hover on bullets or navigation).
• Dynamic API to add content at runtime.
• Compatible with all major browsers including mobile browser (layer animation disabled in IE8)
• Easy to implement, no complex template and scripting.
• 20+ real world implementation examples.

Changes Log

v1.4, February 15, 2016

• Better RSS support with new templates/examples included.
• New responsive full screen (width and height) slider, RSS and tab slider templates.
• Slide by page in news/carousel mode.
• Fix minor Ken Burns effect bug.
• Reorganize files and folder structure.

v1.3, September 21, 2015

• Load RSS example/template – ability to load multiple RSS’.
• Add option to slide when hovering thumbnail.
• Add option to slide using keyboard navigation key (arrow key)

v1.2, August 11, 2015

• News carousel preferred width option. Slider determine number of visible items based on preferred width and screen width.
• Built-in Lightbox for viewing image, html or video.
• New layer animation effects (flip, rotate, skew, zoom) with declarative syntax.
• Load from Youtube playlist template (with Youtube v3 API).
• New navigation preview thumbnail (when hover on bullet and navigation).
• More templates added (20+ in total).

v1.1, April 11, 2015

• Responsive sticky item/layer (using class xpro-sticky-item).
• Show timer/progress between slide interval.
• New image lazy loading method using ‘xpro-image-placeholder’.
• Layer animation on slide out.
• Html 5 video as slide background.
• Html 5 video in addition to youtube and vimeo.
• Ken Burns effect.
• Load from youtube playlist example.
• Base CSS change from previous skins/default/ to skins/base.

v1.0, March 14, 2015

• First release.