New SkewSlider 2.0

Improved Performance

Native Javascript - Framework Free

Auto Image Scaling

See All Features

Highly customizable

20+ javascript options, 10 ready to use examples, almost infinite combinations using the live update method.

Responsive features

Supports diferent configuration options for diferent screen sizes, as many breakpoints as you want, just like css media querys.

Slide animations

Customizable animations and CSS Transitions.

Auto image scaling

Images are automatically scaled to always fit the area no matter the inclination or the slide's dimensions.

HTML content and CSS transitions

Supports any HTML content and CSS custom transitions inside the slides. 2 active states, on animation start, on animation end.

Image pre-load

You decide how many images want to pre-load.

Powerful Api

Using the public methods, you can extend the slider functionality with just a few lines of code.

Examples

Slider with captions - fill mode

Slider without captions - fit mode

Full width slider with visible siblings

Full width slider - fit mode

Boxed skew Carousel

Full width skew Carousel

Boxed Image Carousel





Live Update Method

You can update any option at any time using the live update method to create interactive sliders.

Expandable image carousel

Switching between image align modes



Responsive

Slider is responsive by default, but if you want to have more control on how your content is displayed across diferent devices, you can take advantage of the responsive features, setting diferent configuration options for diferent screen sizes, as many breakpoints as you want, just like css media querys.

Get It on Envato