Transición de cinco imágenes.

[pistonasos]

Actualmente tengo un problema parecido. También tengo planeado algo, pero no me puse a implementarlo todavía: En primer lugar tendrías que hacerte una función que sea capaz de cambiar la opacidad de las imágenes. Bueno, medio obvio, pero a ésta función le tendrías que agregar un extra. Es decir, suponete que tenés una función así:

Código Javascript:

function opacidad(arrEle,vel,extra)
{
  for(i=0;i<arrEle.length;i++)
     {
        opAct=parseFloat(arrEle[i].style.opacity)
        if(opAct>=1)
         {
            extra()
            return 0
         }
        arrEle[i].style.opacity=opAct+vel
     }
setTimeout("opacidad(arrEle,vel,extra)",10,arrEle,vel,extra)
}
// Así se llamaría a la función.
opacidad(conjImg1,-0.01,function(){opacidad(conjImg2,0.01,function(){return 0}})
 

Entonces, esto haría que se desvanezca el conjunto de imágenes que halla en el div y que al terminar aparezca el conjunto de imágenes al que le toca, de lo que se encarga el extra. Por lo menos así me manejo yo cuando le tengo que decir a un script que cuando termine de ejecutarse haga tal cosa: con un extra.
La otra es con los return 0 y los if:

Código Javascript:

function opacidad(arrEle,vel)
{
  for(i=0;i<arrEle.length;i++)
     {
        opAct=parseFloat(arrEle[i].style.opacity)
        if(opAct>=1)
         {
            return 0
         }
        arrEle[i].style.opacity=opAct+=vel
     }
}
 
function cambiaOp()
{
  if(opacidad(conjImg1,-0.01)==0)
  {
     if(opacidad(conjImg2,0.01)==0)
      {
         return 0
      }
  }
 setTimeout(cambiaOp,10)
}
 

Bueno, las funciones son medias sucias, pero con un poco de ingenio y POO se puede hacer algo elegante.