Strapslide

Strapslide – Responsive Bootstrap Slider Plugin

ywAAAAAAQABAAACAUwAOw==

Strapslide is the last word premium Bootstrap Slider Plugin providing the aptitude to point out photographs, movies, html markup and captions paired with easy, trendy and fancy 3D transitions. Even extra vital, it’s totally responsive and cellular optimized and may tackle any dimensions.

When we redesigned Strapslide into v2, we had one factor in thoughts: full consumer freedom. That’s why, we created the one and solely slider which doesn’t include preset animations, is totally customizable and works completely on each machine. What does that imply? Read forward, you’ll be stunned.

Once you’ve gotten bought Strapslide, you’ll be entitled to free obtain of all future updates. Enjoy utilizing Strapslide and keep tuned for some wonderful updates!

WHY IS EVERYONE BUYING STRAPSLIDE?

You can’t go flawed by buying Strapslide. It’s responsive, straightforward to make use of, protected, works in all trendy browsers, will get fixed updates, has nice buyer help, gives loads of options and grants full consumer management. You’re going to find it irresistible!

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 movies
Animation of every Caption factor
Powerful CSS Transitions with jQuery FallBack
Adapts to Bootstrap spans
Add Unlimited quantity of Captions
Turn on/off on Hover Stop operate
Turn on/off on Touch operate
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 velocity of Captions
Set End time and velocity of Captions
Set totally different End and Start Transitions of Captions
Set hyperlink per Captions
Add YouTube and Vimeo Captions

TIME TO BE CREATIVE

I need my slide to fade in, scale up, rotate clockwise and are available from the highest. Is there a preset for that? Of course there isn’t. Just speak to strapslide, our pal will know what to do:

information-animation="fade, scaleup, rotatecw, prime"

Amazingly easy, isn’t it?

STRAPSLIDE THEMES

As easy as linking a CSS file in your head tag. Strapslide is totally customizable via easy CSS. To give customers full freedom, we used the minimal quantity of javascript wanted.

Strapslide - Responsive Bootstrap Slider Plugin - 1
Default

Minimalistic

Metro

RESPONSIVE MODES

You can select how responsive strapslide goes to be. Whichever choice you select, you will be certain of a slider that appears beautiful on any machine and any browser, even IE.

RESIZE

The slider will resize itself based on the display width, by retaining the facet ratio.

AFTER

The slider will preserve it’s preset peak till the background picture stops overflowing.

NONE

The slider could have it’s peak set via CSS and the background will resize to fill the container.

POWERED BY BOOTSTRAP

Slides content material is totally customizable through Bootstrap markup. Made to be responsive and amazingly easy, it offers all of the issues it is advisable to design an distinctive and really enticing slider. Our slider can also be appropriate with each Bootstrap 2 and three.

Bootstrap 2

Bootstrap 3

UNLIMITED

We designed Strapslide v2 to place completely no limits to the consumer’s creativity. We simply need you to be comfortable and glad. Therefore, you made the right selection: Strapslide.

COMPLETE CONTROL

Turn any options ON and OFF and use callbacks to regulate what occurs when your slide is available in and goes out.

$('#strapslide').strapslide({
        animation: "string",    //List of animations: "fade, rotatecw, scaleup, prime" 
        velocity: 1000,    //Slide animation velocity
        timeout: 5000,  //Slide show time
        responsive: 'key phrase',   //Responsive mode, instance: 'resize', 'after', 'none'
        autoplay: boolean,       //Autoplay characteristic, boolean means: true / false
        preload: boolean,        //Preload characteristic
        pauseOnHover: boolean,   //Pause On Hover characteristic
        pagination: boolean,     //Pagination characteristic
        mousewheel: boolean,     //Mousewheel characteristic
        keyboard: boolean,       //Keyboard Navigation characteristic
        touchscreen: boolean     //Touchscreen Enabled
    }, operate(){
        //callback when slide enters
    }, operate(){
        //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 dimension
- Redesigned animation performance
- Removed presets
- Responsive modes: Resize, After, None
- Removed preload modes, set to boolean
- Complete IE7-8 help with Fade transition
- Tons of different options, Read Documentation

Version 1.2 Release Date 18.08.2013

Features:
- Same model of Strapslide now handles each Bootstrap 2 & 3
- Added new class .withvideo
- Updated Documentation
Bug Fixes:
- Firefox video issues fully fastened

Version 1.1 Release Date 16.08.2013

Features:
- Bootstrap 3 Version
- Added preloader
- Preload modes: first, all, none, after x miliseconds
- Enhanced information-place
- Replaced init operate
- Reduced file dimension
- Responsive textual content
- Enhanced cellular expertise
Bug Fixes:
- Slider masses accurately on first strive

LIVE PREVIEW BUY FOR $11