Strapslide - Responsive Bootstrap Slider Plugin

STRAPSLIDE Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions.

Even more important, it is fully responsive and mobile optimized and can take on any dimensions.

When we redesigned Strapslide into v2, we had one thing in mind: complete user freedom.

That’s why, we created the one and only slider which doesn’t come with preset animations, is fully customizable and works perfectly on every device.

What does that mean? Read ahead, you’ll be surprised.

Once you have purchased Strapslide, you will be entitled to free download of all future updates.

Enjoy using Strapslide and stay tuned for some amazing updates! WHY IS EVERYONE BUYING STRAPSLIDE? You cannot go wrong by purchasing Strapslide.

It’s responsive, easy to use, safe, works in all modern browsers, gets constant updates, has great customer support, offers plenty of features and grants complete user control.

You’re going to love it! Unlimited Customizability jQuery 1.7 – jQuery 2.x Supported Based on Bootstrap CSS3 Transition library Touch Enabled Responsive Pause on Hover Dynamic Pagination Keyboard Navigation Tons of Features Image preloading FullScreen Support HTML5 Support to play self hosted videos Animation of each Caption element Powerful CSS Transitions with jQuery FallBack Adapts to Bootstrap spans Add Unlimited amount of Captions Turn on/off on Hover Stop function Turn on/off on Touch function Set Fullscreen YouTube and Vimeo Videos Easy Align of Captions 4 Preload Modes Change Speed of Transitions Set per slide Link and Target Set Start time and speed of Captions Set End time and speed of Captions Set different End and Start Transitions of Captions Set link per Captions Add YouTube and Vimeo Captions TIME TO BE CREATIVE I want my slide to fade in, scale up, rotate clockwise and come from the top.

Is there a preset for that? Of course there isn’t.

Just talk to strapslide, our friend will know what to do: data-animation="fade, scaleup, rotatecw, top" Amazingly simple, isn’t it? STRAPSLIDE THEMES As simple as linking a CSS file in your head tag.

Strapslide is completely customizable through simple CSS.

To give users complete freedom, we used the minimal amount of javascript needed.

Default Minimalistic Metro RESPONSIVE MODES You can choose how responsive strapslide is going to be.

Whichever option you choose, you can be sure of a slider that looks stunning on any device and any browser, even IE.

RESIZE The slider will resize itself according to the screen width, by keeping the aspect ratio.

AFTER The slider will keep it’s preset height until the background image stops overflowing.

NONE The slider will have it’s height set through CSS and the background will resize to fill the container.

POWERED BY BOOTSTRAP Slides content is completely customizable via Bootstrap markup.

Made to be responsive and amazingly simple, it provides all the things you need to design an unique and very attractive slider.

Our slider is also compatible with both Bootstrap 2 and 3.

Bootstrap 2 Bootstrap 3 UNLIMITED We designed Strapslide v2 to put absolutely no limits to the user’s creativity.

We just want you to be happy and satisfied.

Therefore, you made the perfect choice: Strapslide.

COMPLETE CONTROL Turn any features ON and OFF and use callbacks to control what happens when your slide comes in and goes out.

$('#strapslide').strapslide({ animation: "string", //List of animations: "fade, rotatecw, scaleup, top" speed: 1000, //Slide animation speed timeout: 5000, //Slide display time responsive: 'keyword', //Responsive mode, example: 'resize', 'after', 'none' autoplay: boolean, //Autoplay feature, boolean means: true / false preload: boolean, //Preload feature pauseOnHover: boolean, //Pause On Hover feature pagination: boolean, //Pagination feature mousewheel: boolean, //Mousewheel feature keyboard: boolean, //Keyboard Navigation feature touchscreen: boolean //Touchscreen Enabled }, function(){ //callback when slide enters }, function(){ //callback when slide exits }) CHANGELOG Version 2.0 Release Date 08.09.2013 Version 2.0 Release Date 08.09.2013 Features: Completely Rewritten Reduced size Redesigned animation functionality Removed presets Responsive modes: Resize, After, None Removed preload modes, set to boolean Complete IE7-8 support with Fade transition Tons of other features, Read Documentation Version 1.2 Release Date 18.08.2013 Features: Same version of Strapslide now handles both Bootstrap 2 & 3 Added new class .withvideo Updated Documentation Bug Fixes: Firefox video problems completely fixed Version 1.1 Release Date 16.08.2013 Features: Bootstrap 3 Version Added preloader Preload modes: first, all, none, after x miliseconds Enhanced data-position Replaced init function Reduced file size Responsive text Enhanced mobile experience Bug Fixes: Slider loads correctly on first try