Есть скрипт слайдшоу. Должен при загрузке страницы начинать работу, изменяя прозрачность менять картинки. Я начинающий помогите пожалуйсто непонимаю, что зделал не так неработает .
var m = new Array(0,100);
var t = new Array();
var ask=0;
SND=new Array ();
SND[0]="IMG/ConterStrake.jpg";
SND[1]="IMG/Stalker.jpg";
SND[2]="IMG/Evel5.jpg";
SND[3]="IMG/Stalker2.jpg";
SND[4]="IMG/ConterStrake2.jpg";
SND[5]="IMG/Holms.jpg";
SND[6]="IMG/Princ_Persii.jpg";
SND[7]="IMG/Mirrors.jpg";
SND[8]="IMG/Terminator.jpg";
SND[9]="IMG/Princ_Persii2.jpg";
window.onload=function (){
next();
}
function next() {
var tmp;
if (ask>(SND.lenght-1)){
tmp=ask-1;
}else{
tmp=ask+1;
}
document.getElementById("kartinka").src=SND[ask];
document.getElementById("kartinka2").src=SND[tmp];
m[0]+=1;
m[1]-=1;
document.getElementById("kartinka").style.opacity = m[1]/100;
document.getElementById("kartinka").style.filter=" alpha(opacity="+m[0]+")";
document.getElementById("kartinka2").style.opacity = m[0]/100;
document.getElementById("kartinka2").style.filter= "alpha(opacity="+m[1]+")";
t[0] = setTimeout("next()",5);
if (m[0]>98) clearTimeout(t[0]);
if (ask>SND.lenght){ask=0};
ask++;
setTimeout("next",10000);
}
Текст HTML:
</div>
<div id="poster">
<img id="kartinka" src="IMG/ConterStrake.jpg" style="opacity: 1; filter: alpha(opacity=100);">
<img id="kartinka2" src="IMG/Stalker.jpg" style="opacity: 0; filter: alpha(opacity=0);">
</div>
Правила CSS:
#kartinka {margin: 0px; padding: 0px; position:absolute; top: 0px; left: 0px;}
#kartinka2 {margin: 0px; padding: 0px; position:absolute; top: 0px; left: 0px;}