Просмотр сообщений
1
JavaScript & JScript / Попытка сделать анимацию
« : 28 Октября 2010, 15:22:27 »
Пытаюсь сделать следующее:
При наведении на png картинку она начинает с периодичностью изменяться получается типа gif\'a.
В чем ошибка?
img=new Array();
img[1]=new Image();
img[2]=new Image();
img[3]=new Image();
img[4]=new Image();
img[5]=new Image();
img[6]=new Image();
img[1].src="images/logo_1.png";
img[2].src="images/logo_2.png";
img[3].src="images/logo_3.png";
img[4].src="images/afisha_1.png";
img[5].src="images/afisha_2.png";
img[6].src="images/afisha_3.png";
function start_animation_image(mynumber,l,t){
ShowContent(\'element\',l,t);
change_image(mynumber,0);
}
function stop_animation_image(){
HideContent(\'element\');
clearInterval(timerID);
}
function change_image(p,i){
document.getElementById(\'pic\').src=img[p+i].src;
y=i+1;
if(y > 1){
y=-2;
}
//timerID=window.setInterval(change_image(p,y),500)
timerID=window.setInterval(change_image(p,y),2000)
//setTimeout("document.getElementById(\'pic\').src=img[i-1].src",100);
//setTimeout("",100);
//setTimeout("document.getElementById(\'pic\').src=img[i+1].src",100);
return 0;
}
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowContent(d,l,t) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
document.getElementById(d).style.left = l;
document.getElementById(d).style.top = t;
}
При наведении на png картинку она начинает с периодичностью изменяться получается типа gif\'a.
В чем ошибка?
img=new Array();
img[1]=new Image();
img[2]=new Image();
img[3]=new Image();
img[4]=new Image();
img[5]=new Image();
img[6]=new Image();
img[1].src="images/logo_1.png";
img[2].src="images/logo_2.png";
img[3].src="images/logo_3.png";
img[4].src="images/afisha_1.png";
img[5].src="images/afisha_2.png";
img[6].src="images/afisha_3.png";
function start_animation_image(mynumber,l,t){
ShowContent(\'element\',l,t);
change_image(mynumber,0);
}
function stop_animation_image(){
HideContent(\'element\');
clearInterval(timerID);
}
function change_image(p,i){
document.getElementById(\'pic\').src=img[p+i].src;
y=i+1;
if(y > 1){
y=-2;
}
//timerID=window.setInterval(change_image(p,y),500)
timerID=window.setInterval(change_image(p,y),2000)
//setTimeout("document.getElementById(\'pic\').src=img[i-1].src",100);
//setTimeout("",100);
//setTimeout("document.getElementById(\'pic\').src=img[i+1].src",100);
return 0;
}
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowContent(d,l,t) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
document.getElementById(d).style.left = l;
document.getElementById(d).style.top = t;
}