estoy diseñando una web en joomla http://www.sintracarbon.com en la cual coloque 4 imagenes en un div con el ID #fondo2 y implemente este codigo para que los background dentro de ese div cambiaran cada 5 segundos.
Código Javascript :
img = new Array();
img.push('http://www.sintracarbon.com/templates/sintracarbon/imagenes/fondos/fondo1.jpg');
img.push('http://www.sintracarbon.com/templates/sintracarbon/imagenes/fondos/fondo2.jpg');
img.push('http://www.sintracarbon.com/templates/sintracarbon/imagenes/fondos/fondo3.jpg');
img.push('http://www.sintracarbon.com/templates/sintracarbon/imagenes/fondos/fondo4.jpg');
index = 0;
function altBg(){
document.getElementById('fondo2').style.backgroundImage = 'url(' + img[index % img.length] + ')';
index++;
}
window.onload = function(){
setInterval(altBg, 5000);
// 5000 milisegundos equivalente a 5 segundos;
};hasta aqui todo funciona bien. lo unico que no he podido hacer es que cuando la imagen cambie haga un efecto de entrada con opacidad igual a un slide de fotos
espero y me puedan ayudar con este codigo
GRACIAS
