Автор Тема: Попытка сделать анимацию  (Прочитано 6226 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Biggelow

  • Завсегдатай
  • Пользователь
  • **
  • Сообщений: 95
  • +0/-0
  • 0
    • Просмотр профиля
Попытка сделать анимацию
« : 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;
}

Оффлайн Biggelow

  • Завсегдатай
  • Пользователь
  • **
  • Сообщений: 95
  • +0/-0
  • 0
    • Просмотр профиля
Попытка сделать анимацию
« Ответ #1 : 29 Октября 2010, 01:11:42 »
Может кто-нибудь знает другие варианты?

Оффлайн ravshaniy

  • Фанат форума
  • Постоялец
  • ***
  • Сообщений: 191
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Попытка сделать анимацию
« Ответ #2 : 29 Октября 2010, 11:38:26 »
лучше стилями сделать, склеиваешь все свои имаджи в одну картинку и помещаешь ее фоном в блок, размер которого равен одному имаджу, под блоком я понимаю див или любой другой тег с установленным стилем дисплей:блок. Затем скриптом изменяешь позицию фона.
убили кенни, сволочи

Оффлайн zingilcho

  • Новичок
  • *
  • Сообщений: 2
  • +0/-0
  • Пол: Мужской
    • Просмотр профиля
    • Рецепты
Re: Попытка сделать анимацию
« Ответ #3 : 26 Августа 2013, 23:37:44 »
Я думаю лучше исзользовать jquery
Если есть у тебя немнгого знание можешь очень легко делать. Вот здесь можешь смотреть как изпользуют jquery, jquery это библотека для javascript. Вот здесь смотри примери и уроки "w3schools.com/jquery/jquery_hide_show.asp"
Если есть другие вопросы пиши мне личку буду рад помогать.

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28