Otro agradable plugin jQuery para agregar a nuestra extensa lista. Easy Slider, como llama a este plugin Alen Grakalic, nos permitirá deslizar horizontalmente o verticalmente tanto imágenes como cualquier otro contenido que se nos ocurra. Es completamente configurable tan solo con CSS, lo que permite una integración realmente simple a nuestro sitio. Si desean ver una idea de cómo podrían llegar a implementar Easy Slider en sus porfolios, basta con visitar templatica, otro de los sitios de Alen Grakalic, donde ha logrado integrar Easy Slider de una forma maravillosa.
Demos
Mas Info Easy Slider - Descarga ejemplos
Uso:
<script type="text/javascript" src="js/easySlider.packed.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
orientation:'vertical'
});
});
</script>
agregando estilo
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider, #slider li{
/*
define width and height of container element and list item (slide)
list items must be the same size as the slider area
*/
width:696px;
height:241px;
overflow:hidden;
}
span#prevBtn{}
span#nextBtn{}
/* // Easy Slider */
Contenido
<ul>
<li><a href="#"><img src="images/01.jpg" alt="Descripcion" /></a></li>
<li><a href="#"><img src="images/02.jpg" alt="Descripcion" /></a></li>
<li><a href="#"><img src="images/03.jpg" alt="Descripcion" /></a></li>
<li><a href="#"><img src="images/04.jpg" alt="Descripcion" /></a></li>
<<li><a href="#"><img src="images/05.jpg" alt="Descripcion" /></a></li>
</ul>
</div>
El script automáticamente agregara la navegación "anterior" y "próximo", pero se le ha asignado un ID (identificación) que pueden utilizar para darle un poco de estilo mediante CSS
<span id="nextBtn"><a href="javascript:void(0);">Next</a></span>
Loading ...
Balaustres Martinez
07-01-2009
Permalink
Muy buen plugin para galerias, añadido a favoritos. Enhorabuena, como siempre buenas alternativas y sugerencias para webmaster.
TheDaVis Blog — Easy Slider, jQuery Plugin
07-01-2009
Permalink
[...] Xyberneticos En: Desarrollo, Recursos — Enero 8, 2009 | [...]
Javier Murillo
07-01-2009
Permalink
Ciertamente muy trabajado el plugin.
En la home de Templatica le ha quedado de lujo.
Un saludo !
Easy Slider - Plugin de jQuery para hacer Slider de contenido - colorate
07-01-2009
Permalink
[...] Vía: Xyberneticos [...]