Hola amigos del foro estoy realizando un sitio web en el que utilizo un slideshow de imagenes como fondo de la pagina.
Tengo el codigo javascript con el que hago el slideshow incluyendolo entre los tags <head></head> y es el siguiente:
Código:
<style>
body{
background-position: center;
}
</style>
<script language="JavaScript1.2">
var bgslides=new Array()
bgslides[0]="imagen01.jpg"
bgslides[1]="imagen02.jpg"
bgslides[2]="imagen03.jpg"
var speed=3000
var processed=new Array()
for (i=0;i<bgslides.length;i++){
processed[i]=new Image()
processed[i].src=bgslides[i]
}
var inc=-1
function slideback(){
if (inc<bgslides.length-1)
inc++
else
inc=0
document.body.background=processed[inc].src
}
if (document.all||document.getElementById)
window.onload=new Function('setInterval("slideback()",speed)')
</script>
Funciona correctamente pero el cambio entre imagenes se realiza sin ningun tipo de efecto por lo que la presentaction no se ve muy elegante, lo que quiero saber es como agregar algun tipo de efecto de transicion tipo "fade in" "fade out" entre las imagenes.
Gracias por su ayuda.