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/jquery.js"></script>
-
<script type="text/javascript" src="js/easySlider.packed.js"></script>
-
<script type="text/javascript">
-
$(document).ready(function(){
-
$("#slider").easySlider({
-
orientation:'vertical'
-
});
-
});
-
</script>
agregando estilo
-
/* Easy Slider */
-
-
#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
-
<div id="slider">
-
</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
www.elserver.com
Hosting Web 2.0 - La Empresa que sobrepasa todas las expectativas...
www.zidalgo.com
Premium wordpress themes for your blog! - Brad Mahaffey
www.Tilidom.com
Almacenar toda tu informacion, incluyendo fotos, videos y musica.
