Slippry

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>:

<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:

<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>

 

Ver más documentación y descargar Slippry

Ver demo Out of the box

Ver demo News

Ver demo Thumbnails

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (3 votos, promedio: 5,00 de 5)
Cargando…

Comparte en las redes sociales

Escrito por Jose Aguilar - Experto programador Prestashop y Wordpress.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*