анимация на яваскрипте [Версия для КПК] - Компьютерный форум OSzone.net

Показать полную графическую версию : анимация на яваскрипте

Dafi

28-09-2004, 21:45

вроде бы это должно работать, но нет смены картинок:

<HTML>
<HEAD>
<script language="javascript">
function anim()
{
obj1=new Image(300,40); obj1.src="img1.gif";
obj2=new Image(300,40); obj2.src="img2.gif";

     for (var i=0; i<10; i++)
       {
        document.images[0].src=obj1.src;
        for (var i=0; i<999999; i++) {var a=0;}
        document.images[0].src=obj2.src;  
        for (var i=0; i<999999; i++) {var a=0;}
       }
}
</script>
</HEAD>

<BODY onLoad="anim()">

<img src="img1.gif">

</BODY>
</HTML>

подскажите в чем ошибка плз :)

vadimiron

28-09-2004, 21:49

А что за смену картинок вы хотели??
Чтобы например через какой то промежуток времени менялась картинка на другую??

Dafi

28-09-2004, 22:42

две картинки-это img1.gif i img2.gif, при загрузке страницы они должны 10-раз (лучше безконечный цикл, но while zaciklivaet ) смениться (типа анимированного банера), задержка смены-тоже цикл (условно а=0 99999 раз :) )
вобщем от этого кода больше ничего не требуется... а вообщето как можно сделать анимацию-это суть вопроа (типа анимированого гифа)

vadimiron

29-09-2004, 13:06

Dafi
Так можно кк раз гиф то и сделать, он будет тогда бесконечное число раз сменятся и с заданным промежутком времени между сменой, просто первый кадр-первый рисунок, потом пропускаем немного времени и следущий кадр, второй рисунок
Советую поискать в инете гиф редактор, то есть прогу для создания гифов
Просто один риснок формата гиф легче вставить, чем писать код и потом ещё боятся, что он не будет поддерживаться чьим то браузером

Dafi

01-10-2004, 11:41

гиф-редактор нужен, ну а на яве-скрипте как это можно сделать :)

vadimiron

01-10-2004, 15:32

Советую поискать в сторону слайдшоу, написанного на джавескрипт, оттуда можно взять прнавильно написанную функцию для автосмены картинок
Например тут (http://javascript.internet.com/miscellaneous/image-slideshow.html)

boneheap

15-10-2004, 15:35

Я тоже не одну голову себе сломал над этим как-то.
И все неполучалось по глупости, то переменные именовал названием
операторов, то где запаятую лишнюю поставлю, то ещё что-нибудь.
Этот код должен сработать.

<SCRIPT language = javascript>
frm=1
function anim()
{
if (frm<=4)
{if (frm==1){document.pic.src="a.bmp"; frm=frm+1}
else
if (frm==2){document.pic.src="b.bmp"; frm=frm+1}
else
if (frm==3){document.pic.src="c.bmp"; frm=frm+1}
else
if (frm==4){document.pic.src="d.bmp"; frm=1}
setTimeout ("anim()", 250)}
}
</SCRIPT>
<BODY onLoad=anim()>
<IMG src="a.bmp" name=pic>

Добавлено:

или без if (frm<=4)  {}