Código:
var fotos = ["fot1.jpg", "fot2.jpg","fot3.jpg", "fot4.jpg", "fot5.jpg", "fot6.jpg", "fot7.jpg", "fot8.jpg", "fot9.jpg"];
var foto_final = ["final.jpg"];
fotos.sort(function(a,b) {return 2*Math.random()-1});
function cambiar_fondo(foto){
document.getElementById('cont_foto_intro').style.background = "url('images/intro/"+ foto + "') no-repeat";
}
var i = 0;
function ciclo() {
cambiar_fondo(fotos[i]);
setTimeout("intro_dentro()",1000);
setTimeout("intro_fuera()",4000)
i++;
if (i >= fotos.length) {
setTimeout("cambiar_fondo(foto_final[0])",5000);
setTimeout("intro_dentro()",6000);
return };
setTimeout(ciclo, 5000);
}
Ya logre resolverlo. No se si con el return es la forma mas "linda", pero por lo menos se que cuando aparece un return, la funcion termina. Y aproveche eso y asi es lo que hice:
http://www.prevefilms.com/intro.html
Como ves el efecto??? O sea, en la pagina? Lo ves bien?? O que cambiarias (por ejemplo, no utilizar cambiar el bakground del div y sino cambiar el src de la foto dentro del div, cosa que no se hacer por eso no hice! ;) .. u otra cosa para que se vea mejor?)... desde ya son bienvenidas las opiniones!!! saludos!! y gracias por la ayuda!
Pablo
PD: como haces para poner codigo javascript aqui?? Pq no me aparece esa etiqueta a mi... :S