Slippry slider de imagenes responsivo, moderno y simple

DESCARGA : Slippry

Slippry slider de imagenes responsivo, moderno y simple, El autor del plugin menciona que se ha estado frustrado por la falta de controles deslizantes, sensibles, por lo que decidió  escribir un plugin Slippry.

Aunque el autor menciona que hay algunos plugins por ahí que tienen esta flexibilidad  la implementación de esos plugins está por un camino difícil, el plugin está preparado para trabajar con html5, jquery y css3, que aunque angularjs está en camino no descarta revolucionar el plugin, con el apoyo de una comunidad.

Este plugin tiene un muchos ajustes, no necesita de otros plugins o “dependencias” para generar más efectos.

La implemetanción se hace de la siguiente manera:

Archivos css y js:

</p>
<p style="line-height: 14.25pt; orphans: auto; text-align: start; widows: auto; -webkit-text-stroke-width: 0px; word-spacing: 0px;"><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" /></p>
<p style="line-height: 14.25pt; orphans: auto; text-align: start; widows: auto; -webkit-text-stroke-width: 0px; word-spacing: 0px;">

Codigo de las imagenes dentro de una etiqueta ul y li con el id=slippry-demo

</p>
<p style="line-height: 14.25pt; orphans: auto; text-align: start; widows: auto; -webkit-text-stroke-width: 0px; word-spacing: 0px;"><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></p>
<p style="line-height: 14.25pt; orphans: auto; text-align: start; widows: auto; -webkit-text-stroke-width: 0px; word-spacing: 0px;">

Control del plugin mediante javascript


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

Dentro de las opciones te puedes encontrar mucho mas funcionalidad  de este plugin en el siguiente enlace: http://slippry.com/settings/

y podia faltar:

Demostración: http://slippry.com/examples/

 

 

Información relacionada: