Snook nos muestra la forma más sencilla de realizar un simple slideshows de imágenes.



CSS

.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }
Script
<script type='text/javascript'>
$(function(){
var fadein = $('.fadein').addClass('fadein-js');
fadein.children().slice(1).hide();
setInterval(function(){
fadein.children().eq(0).fadeOut()
.next().fadeIn()
.end().appendTo(fadein);
}, 3000);
});
</script>
HTML
<div class="fadein">
<img src="URL IMAGEN 1">
<img src="URL IMAGEN 2">
<img src="URL IMAGEN 3">
...
</div>
Autor: . Consultor y auditor en posicionamiento web. Desarrollo de aplicaciones, diseño y programacion de plataformas y paginas web. Formación, profesor en el Programa SmmUs (Social Media Marketing) de la Universidad de Sevilla. Cursos sobre social media en Cámaras de Comercio de Málaga, Sevilla y Córdoba. Puedes encontrarme en Google Plus y Twitter .

¿Te gustó este post? No te pierdas los próximos, síguenos en redes sociales.

Te recomendamos también

2 comentarios: