[Главная· Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Анимация картинок с помощью HTML
Kirill_116_rusДата: Вторник, 29.06.2010, 16:05 | Сообщение # 1

Профессионал
Off
Сообщений: 580
Данный скрипт реализует эффект анимации для графических элементов.

Например у вас есть три картинки которые из которых нужно сделать анимацию, вы можете сразу сделать ее использовав этот код, не заходя в никакие графические редакторы.

Установка:

1) Вставляете это между

Code
<script language="JavaScript">
<!--
pic = new Array()
for(i=0;i<3;i++)
{
pic[i] = new Image();
if(i==0) pic[i].src = "image.gif";
if(i==1) pic[i].src = "image1.gif";
if(i==2) pic[i].src = "image2.gif";
}
n=0;
function slideShow()
{
n++; if(n>2) n=0;
document.images["slide"].src = pic[n].src;
setTimeout("slideShow()",1000);
}
//-->
</script>

2) А это в то место где должна быть анимация (куда хотите):

Code
<img src="image.gif" width=30 height=30 alt="" name="slide">


[url
 
  • Страница 1 из 1
  • 1
Поиск:


clan-sg,Клан-сг, sg Хостинг от uCoz