Strapslide

Description

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

Strapslide - Responsive Bootstrap Slider Plugin