Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

Анимация с JavaScript

18K
19 августа 2006 года
fareko
6 / / 19.08.2006
Есть ли способ разместить на сайте анимированные картинки (gif'ы), и управлять ими с помощью JS. Управлять - это динамически менять местоположение. Возможно ли заставить картинку "исчезнуть" навроде Дельфятского "label1.visible=false;"? Можно ли произвольно запускать/останавливать анимаию gif'а? Как менять порядок изображения картинок, это который еще в Фотошопе Layer'ом кличут?
Заранее благодарен за ответ!
20K
19 августа 2006 года
n0n@m3
8 / / 19.08.2006
Вот ты тут очень много всего спросил, сделай список всего что надо, и напиши ето одно за фругим.
А я покачто попробую ответить на пару вопросов.

Все что ты пересичслил, можно делать с JavaScript + CSS.


Например, ты загружаеш 10 картинок на сайт, и ставиш им :

style="display:none;"
получаеться что то в етом роде :

<img src='Pic1.gif' style="display:none;" id="Pic1"/>
<img src='Pic2.gif' style="display:none;" id="Pic2"/>

и так далее.

Затем пишеш в джаве функцию :

<script>

function ShowPic(PicID)
{
document.getElementById(PicID).style.display ="block";
}

//А так ты говориш какую картинку показать.
ShowPic("Pic1");

</script>



Далее для того чтоб их двигать по экрану можно сделать например так :

<script>
function MovPicTo(PicID, mX, mY)
{
document.getElementById(PicID).style.position = "absolute";
document.getElementById(PicID).style.top= mY+"px";
document.getElementById(PicID).style.left= mX+"px";
document.getElementById(PicID).style.display ="block";
}
MovPicTo("Pic1", 200, 60);
</script>


Можеш так двигать все теже картинки что и выше!

Насчет лееров, ет вот так :

<script>
function ChangeLayer(PicID, LayerNum)
{
document.getElementById(PicID).style.position = "absolute";
document.getElementById(PicID).style.display ="block";
document.getElementById(PicID).style["z-index"] = LayerNum;
}
ChangeLayer("Pic1", 102);
</script>


Но я дико сомневаюсь что будет работать последнее.
А если че забыл - напиши что именно - попробую ответить.

А насчет останавливать или "включать" анимашки, если я не ошибаюсь, то есть такие функции, но я не знаю , так что сорри - не подскажу!
18K
19 августа 2006 года
fareko
6 / / 19.08.2006
Огромное спасибо!
Работает все, даже последнее, правда после переделки и с тормозами.
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог