VPF::Gif и его положение - Форум программистов

MacTep

Дата 18.7.2008, 22:56 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1292
Регистрация: 4.8.2003
Где: г. Самара

Репутация: нет
Всего: 4

Подскажите плиз, как сделать и можно ли такое сделать вообще: есть гиф, скажем звездочка, которая моргает. Можно ли сделать так, чтобы после одного цикла прохода гифа, он появлялся в другой части экрана... С произвольными коордами... Буду признателен...

--------------------

(A)bort, (R)etry, (I)gnore = Haфиг, Heфиг, Пoфиг ... :)

bars80080

Дата 19.7.2008, 00:47 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

независимо от гифа - можно
ты пишешь функцию, который будет кидать гиф в абсолютно позиционированном слое туда сюда по таймауту
а вот будет ли он совпадать с циклом в гифе - это, как таймаут задашь

yurik_l

Дата 19.7.2008, 01:14 (ссылка)

(нет голосов)

Загрузка ...

тарантиноман

Профиль
Группа: Участник
Сообщений: 49
Регистрация: 17.9.2006

Репутация: 1
Всего: 3

MacTep, вот пример кода:

Код


<img id="banner" src="banner.gif" style="position: absolute;"/> <!-- gif в этом примере находится в той-же папке, что и страница -->

<script type="text/javascript">

function initWindowSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  window.calcWidth = myWidth;
  window.calcHeight = myHeight;
}

function randomPos(elementId) {
initWindowSize();
var element = document.getElementById(elementId);
var widthLimit = (calcWidth - element.offsetWidth) > 0 ? (calcWidth - element.offsetWidth) : calcWidth;
var heightLimit = (calcHeight - element.offsetHeight) > 0 ? (calcHeight - element.offsetHeight) : screen.height;
var posX = Math.floor((Math.random() % 1) *   widthLimit);
var posY = Math.floor((Math.random() % 1) * heightLimit);
element.style.left = posX;
element.style.top = posY;
}

setInterval("randomPos('banner')", 1000); // второй параметр - время цикла gif'а в миллисекундах

</script>

MacTep

Дата 19.7.2008, 09:02 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1292
Регистрация: 4.8.2003
Где: г. Самара

Репутация: нет
Всего: 4

Спасибо большое, буду пробовать...

--------------------

(A)bort, (R)etry, (I)gnore = Haфиг, Heфиг, Пoфиг ... :)

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »