Hoy en nuestro tema principal vamos a ver que es Slippry, pues esto aclarára muchas dudas de para que sirve este pequeño código de slyder.
Que es Slippry y para que sirver.
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.
También te interesará leer : diapositivas sobre algoritmos interesantes
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.
Ejemplos utilizando Slippry.
Puedes visitar la web oficial : slippryPara 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="http://www.neytortutoriales.com/feeds/posts/slippry.css" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script><script src="http://www.neytortutoriales.com/feeds/posts/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="http://www.neytortutoriales.com/feeds/posts/default#slide1"><img src="http://www.neytortutoriales.com/feeds/posts/images/1.jpg" alt="This is caption 1 <a href='#link'>Even with links!</a>" /><a href="http://www.neytortutoriales.com/feeds/posts/default#link">Even with links!</a>"></a></li><li><a href="http://www.neytortutoriales.com/feeds/posts/default#slide2"><img src="http://www.neytortutoriales.com/feeds/posts/images/2.jpg" alt="This is caption 2" /></a></li><li><a href="http://www.neytortutoriales.com/feeds/posts/default#slide3"><img src="http://www.neytortutoriales.com/feeds/posts/images/3.jpg" alt="And this is some very long caption for slide 3. Yes, really long." /></a></li></ul>
Bueno espero que este pequeño tutorial les haya sido de mucha utilidad, y tan solo espero que les haya encantado, muy pronto volveremos con mas artículos interesantes que te pueden gustar.
Puzzle Bobble
Karate Blazers
Puzzle De Bloques
Magical Cat Adventure