LIVE PREVIEWBUY FOR $11

STRAPSLIDE

Strapslide is the last word premium Bootstrap Slider Plugin providing the potential to indicate pictures, movies, html markup and captions paired with easy, fashionable and fancy 3D transitions. Much more vital, it’s totally responsive and cellular optimized and may tackle any dimensions.

Once we redesigned Strapslide into v2, we had one factor in thoughts: full person 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 gadget. What does that imply? Learn forward, you’ll be stunned.

After you have bought Strapslide, you can be entitled to free obtain of all future updates. Take pleasure in utilizing Strapslide and keep tuned for some wonderful updates!

WHY IS EVERYONE BUYING STRAPSLIDE?

You can’t go incorrect by buying Strapslide. It’s responsive, simple to make use of, secure, works in all fashionable browsers, will get fixed updates, has nice buyer help, affords loads of options and grants full person management. You’re going to like it!

  • Limitless Customizability
  • jQuery 1.7 – jQuery 2.x Supported
  • Primarily based on Bootstrap
  • CSS3 Transition library
  • Contact Enabled
  • Responsive
  • Pause on Hover
  • Dynamic Pagination
  • Keyboard Navigation
  • Tons of Options
  • Picture preloading
  • FullScreen Assist
  • HTML5 Assist to play self hosted movies
  • Animation of every Caption ingredient
  • Highly effective CSS Transitions with jQuery FallBack
  • Adapts to Bootstrap spans
  • Add Limitless quantity of Captions
  • Activate/off on Hover Cease operate
  • Activate/off on Contact operate
  • Set Fullscreen YouTube and Vimeo Movies
  • Simple Align of Captions
  • 4 Preload Modes
  • Change Velocity of Transitions
  • Set per slide Hyperlink and Goal
  • Set Begin time and pace of Captions
  • Set Finish time and pace of Captions
  • Set completely different Finish and Begin Transitions of Captions
  • Set hyperlink per Captions
  • Add YouTube and Vimeo Captions

TIME TO BE CREATIVE

I would like my slide to fade in, scale up, rotate clockwise and are available from the highest. Is there a preset for that? In fact there isn’t. Simply discuss to strapslide, our pal will know what to do: 

data-animation="fade, scaleup, rotatecw, high"

Amazingly easy, isn’t it?

STRAPSLIDE THEMES

So simple as linking a CSS file in your head tag. Strapslide is totally customizable by way of easy CSS. To offer customers full freedom, we used the minimal quantity of javascript wanted.


Strapslide - Responsive Bootstrap Slider Plugin - 1
Default


Strapslide - Responsive Bootstrap Slider Plugin - 2
Minimalistic


Strapslide - Responsive Bootstrap Slider Plugin - 3
Metro

RESPONSIVE MODES

You may select how responsive strapslide goes to be. Whichever choice you select, you may be positive of a slider that appears beautiful on any gadget and any browser, even IE.

RESIZE

The slider will resize itself in keeping with the display screen width, by holding the side ratio.

AFTER

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

NONE

The slider can have it’s peak set by way of CSS and the background will resize to fill the container.

POWERED BY BOOTSTRAP

Slides content material is totally customizable by way of Bootstrap markup. Made to be responsive and amazingly easy, it gives all of the issues you have 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 person’s creativity. We simply need you to be completely happy and glad. Subsequently, you made the proper selection: Strapslide.

COMPLETE CONTROL

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

$('#strapslide').strapslide({
        animation: "string",    //Record of animations: "fade, rotatecw, scaleup, high" 
        pace: 1000,    //Slide animation pace
        timeout: 5000,  //Slide show time
        responsive: 'key phrase',   //Responsive mode, instance: 'resize', 'after', 'none'
        autoplay: boolean,       //Autoplay function, boolean means: true / false
        preload: boolean,        //Preload function
        pauseOnHover: boolean,   //Pause On Hover function
        pagination: boolean,     //Pagination function
        mousewheel: boolean,     //Mousewheel function
        keyboard: boolean,       //Keyboard Navigation function
        touchscreen: boolean     //Touchscreen Enabled
    }, operate(){
        //callback when slide enters
    }, operate(){
        //callback when slide exits
    })

CHANGELOG

Model 2.0 Launch Date 08.09.2013

  • Model 2.0 Launch Date 08.09.2013
    Options:
    • Utterly Rewritten
    • Lowered measurement
    • Redesigned animation performance
    • Eliminated presets
    • Responsive modes: Resize, After, None
    • Eliminated preload modes, set to boolean
    • Full IE7-8 help with Fade transition
    • Tons of different options, Learn Documentation

Model 1.2 Launch Date 18.08.2013

  • Options:
    • Similar model of Strapslide now handles each Bootstrap 2 & 3
    • Added new class .withvideo
    • Up to date Documentation
  • Bug Fixes:
    • Firefox video issues utterly fastened

Model 1.1 Launch Date 16.08.2013

  • Options:
    • Bootstrap 3 Model
    • Added preloader
    • Preload modes: first, all, none, after x miliseconds
    • Enhanced data-position
    • Changed init operate
    • Lowered file measurement
    • Responsive textual content
    • Enhanced cellular expertise
  • Bug Fixes:
    • Slider hundreds appropriately on first strive


Source