Slippry

Name: Slippry
Brand: Jose Aguilar
SKU: joseaguilarblog-6571
Availability: InStock
Rating: 5 (3 reviews)

Slippry es un slider de contenido sensible construido sobre los estándares Web modernos con diversas opciones, por lo que puede ser tan simple o complejo como se quiera.

Su creación fue desempeñada debido a la frustración por falta de controles deslizantes sensibles y libres. Es cierto que existen muchos pero para los autores les resultó un camino difícil y prefirieron desarrollar uno propio.

Slippry está programado con el futuro en mente, no se ha desarrollado pensando en el pasado. Ha sido desarrollado para trabajar con las últimas versiones de jQuery, usa trucos CSS3 y elementos HTML5.

Una de sus características más destacadas es que se adapta perfectamente a todos los dispostivos.

Para añadirlo a tu página Web es tan sencillo como añadir la librería jQuery, el plugin, su llamada y los estilos necesarios en la cabecera de la página <head>:

Source code

<link rel="stylesheet" href="slippry.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="slippry.min.js"></script>
<script>
$(document).ready(function(){
    $("#demo1").slippry();
});
</script>

Dentro del <boby> donde quiera añadir las etiquetas HTML:

Source code

<ul id="demo1">
    <li><a href="#slide1"><img src="images/1.jpg" alt="This is caption 1 <a href='#link'>Even with links!</a>"></a></li>
    <li><a href="#slide2"><img src="images/2.jpg"  alt="This is caption 2"></a></li>
    <li><a href="#slide3"><img src="images/3.jpg" alt="And this is some very long caption for slide 3. Yes, really long."></a></li>
</ul>