Slippry – A modern, future-proof jQuery slider plugin

Slippry is a great jQuery slider plugin created by rockets.booncon.com. The creators say that they were feeling furstrated because there was no free, responsive sliders and they decide to create one. Probably, they are some responsive sliders but they are not  that good or not that up-to-date. The greatest thing about Slippry is that it is written with the future in mind, using the latest jQuery, CSS3 tricks and HTML5 elements. And you do not have to worry for the older browsers, it downgrades gracefully.

Another great feature of  this responsive slider is the fact that you can choose either use it as a simple or as a complex one.  It can be used as a portolfio slider, as a shop slider, a news slider with some text, as a picture slider with a Ken Burns effect  or just as a simple slider.  Have a look at the image examples below and make sure to check the demos so you can appreciate the beauty of this slider.

Slippry - A modern future-proof jQuery slider plugin

DEMO

Slippry - A modern future-proof jQuery slider plugin

DEMO 

Slippry - A modern future-proof jQuery slider plugin

DEMO 

Slippry - A modern future-proof jQuery slider plugin

DEMO 

Slippry - A modern future-proof jQuery slider plugin

DEMO 

Slippry - A modern future-proof jQuery slider plugin

DEMO

How to use

DOWNLOAD THE PLUGIN

Link these files

Use the following code in your HTML document’s <head> as a starter:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="/js/slippry.min.js"></script>
<link rel="stylesheet" href="/css/slippry.css" />

Write some HTML:

<ul id="slippry-demo">
  <li>
    <a href="#slide1"><img src="assets/img/slippry-01.jpg" alt="Welcome to Slippry!"></a>
  </li>
  <li>
    <a href="#slide2"><img src="assets/img/slippry-02.jpg"  alt="This is an awesome jQuery slider plugin."></a>
  </li>
  <li>
    <a href="#slide3"><img src="assets/img/slippry-03.jpg" alt="Check it out, you are going to <span class='red'>♥</span> it :)"></a>
  </li>
</ul>

Call Slippry slider

Make sure it’s called within $(document).ready()!

jQuery(document).ready(function(){
  jQuery('selector').slippry()
});

Done!

Related post:  Smoothslides - A simple, lightweight, and responsive jQuery slideshow

Give your self a pat on the back, then have a tinker with Slippry’s settings, have a look at the examples or dig into the CSS and style to your heart’s content.

Divi WordPress Theme

You may also like...

2 Responses

  1. Margaret Tehan says:

    Hello, do you know how I can use Slippry with WordPress? I was hoping to find a plugin because I’m not a coder. Thanks.

  2. designifyme says:

    Margaret Tehan  Hey there, I am not aware of any slider for wordpress that uses Slippry but I guess you can find something else that can do the job. What kind of slider do you need for your wordpress site?
    Cheers.

Leave a Reply

Your email address will not be published. Required fields are marked *

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close