Вообщем написал маленький скриптик по смене картинок:
function Anim(src,num,step,stop,cont,width,height)
{
document.getElementById("rot2").height = height;
if(width<=0)
{
var first = img[num][0];
img[num] = img[num].slice(1);
img[num].push(first);
document.images["rot1"].src = src+img[num][1]+".jpg";
document.images["rot2"].src = src+img[num][0]+".jpg";
width = document.getElementById("rot1").width;
document.getElementById("rot2").width = width;
setTimeout("Anim('"+src+"',"+num+","+step+","+stop+","+cont+","+width+","+height+")",stop*1000);
return true;
} else {
width = width - step;
document.getElementById("rot2").width = width;
setTimeout("Anim('"+src+"',"+num+","+step+","+stop+","+cont+","+width+","+height+")",cont);
return true;
}
}
img[0] = new Array(1,2,3);
Anim("/images/test-",0,10,3,50,193,122);
Есть два слоя, один слой наложен на другой, прокрутка происходит при помощи уменьшения размера картинки, проблема в том что не корректно работает в Mozilla и Chrome. Он уберает картинку и после того как уберёт на долю секунды показывает её снова и толька патом меняет на другую (у некоторых в мозиле такого не наблюдалось).
П.С. В мозилле проблема может быть решена дополнительным таймоутом но может можна без таких жертв?