Программирование > JavaScript & JScript

Попытка сделать анимацию

(1/1)

Biggelow:
Пытаюсь сделать следующее:
При наведении на 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;
}

Biggelow:
Может кто-нибудь знает другие варианты?

ravshaniy:
лучше стилями сделать, склеиваешь все свои имаджи в одну картинку и помещаешь ее фоном в блок, размер которого равен одному имаджу, под блоком я понимаю див или любой другой тег с установленным стилем дисплей:блок. Затем скриптом изменяешь позицию фона.

zingilcho:
Я думаю лучше исзользовать jquery
Если есть у тебя немнгого знание можешь очень легко делать. Вот здесь можешь смотреть как изпользуют jquery, jquery это библотека для javascript. Вот здесь смотри примери и уроки "w3schools.com/jquery/jquery_hide_show.asp"
Если есть другие вопросы пиши мне личку буду рад помогать.

Навигация

[0] Главная страница сообщений