hola, voy a pasarte uno propio que yo estoy usando, se llama nivo slide y es muy editable:
lo puedes ver aqui:
http://area-electronica.com/slide/slide.html
lo primero debes descargarte el pack de la ultima version en su web:
http://dev7studios.com/plugins/nivo-slider/
mi version es el 3.1 aunque ya van por el 3.2
en la descarga tendras
1º paso: inserta en la parte "head" en este caso, texto sobre la pagina, o bien aconsejado "extra head"
Cita: <!-- slider nivo javas -->
<link rel="stylesheet" href="/nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
slices: 15, // For slice animations
boxCols: 8, // For box animations
boxRows: 4, // For box animations
animSpeed: 500, // velocidad de efecto o transicion
pauseTime: 8000, // tiempo de espera de una imagen
startSlide: 0, // Set starting Slide (0 index)
directionNav: true, // boton de next y prew
controlNav: false, // 1,2,3... navigation
controlNavThumbs: true, // Use thumbnails for Control Nav
pauseOnHover: true, // imagen detenida al pasar el raton
manualAdvance: false, // Force manual transitions
prevText: '<img src="/prev.png">', // Prev directionNav text
nextText: '<img src="/next.png">', // Next directionNav text
randomStart: false, // Start on a random slide
beforeChange: function(){}, // Triggers before a slide transition
afterChange: function(){}, // Triggers after a slide transition
slideshowEnd: function(){}, // Triggers after all slides have been shown
lastSlide: function(){}, // Triggers when last slide is shown
afterLoad: function(){} // Triggers when slider has loaded
});
});
</script>
<!-- FIN SLIDE Code -->
- IMAGEN: todas las imagenes deben tener el mismo tamaño original, aunque yo haya puesto despues los parametros de width y height, por alguna razon, la imagen natural tiende a cambiarse durante la transicion.
si optas por poner tamaño, puedes poner tanto pixeles, como porcentaje.
- en TITLE: puedes poner un texto que se vera a pie de cada imagen.
si quieres poner mas imagenes, solo es repetir el proceso
<img src="IMAGEN" width="XXX" height="VVV" title="TEXTO"/>
tambien admite html de link, osea:
<a href=""> <img src="IMAGEN" width="XXX" height="VVV" title="TEXTO"/></a>
todo esta en la imaginacion :D cualquier consulta exponla y veré que podemos hacer.
suerte
______________
10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a:
ayuda@paginawebgratis.es -- Reportes a:
support-es@webme.com