
Nivo Slider, una fantástica forma de crear diapositivas / deslizante con miniaturas para nuestros proyectos online. Posee características particulares como 9 efectos de transición, se puede ajustar a nuestras necesidades, dirección y control de navegación, la versión sólo pesa 7kb, apoya la vinculación en imágenes, Teclado de navegación. Nivo Slider ha sido probado en los siguientes navegadores: Internet Explorer v7+, Firefox v3+, Google Chrome v4, Opera v10.5, entre otros.
Ver Demos - Info y Descarga Nivo Slider
Uso
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
HTML
<a href="http://dev7studios.com"><img src="images/slide2.jpg" alt="" /></a>
<img title="This is an example of a caption" src="images/slide3.jpg" alt="" />
<img src="images/slide4.jpg" alt="" /></div>
$(window).load() function:
$(window).load(function() {
$('#slider').nivoSlider();
});
// ]]></script>
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', //Specify sets like: 'fold,fade,sliceDown'
slices:15,
animSpeed:500,
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
// ]]></script>
Otras Plataformas
Lo interesante es que nivo además podrá enconttarce para diversas plataformas, algo que ahorra tiempo a la hora de ser instalado.
Si desea utilizar el control deslizante de Nivo con WordPress puedes seguir este tutorial que explica cómo configurarlo o utilizar el plugin para WordPress Nivo Slider.
Descargue el Slider Nivo o Vista Nivo Slider módulos de Drupal.
Descargue el módulo de Joomla Nivo Slider (HU).

2 Comentarios por usuarios
gracias por los recursos,
Excelente gracias !!