Главная » 2010 » Июль » 21 » Аниматор jpg файлов (Javascript)
21.07.2010, 11:24

Аниматор jpg файлов



Скрипт позволяет создать псевдо-анимацию из нескольких jpg файлов, для придания трехмерного объема. При наведении на такую картинку, она начинает крутиться (выглядит супер!).

Основную роль выполняет файл rotate.js :

Quote

var _tOut;
var _delay = 100;
var _index = 1;

// ЯНГДЮЕЛ МНБШИ ЙКЮЯЯ. НМ ОНГБНКЪЕР СЙЮГЮРЭ src Б ЛНЛЕМР ЯНГДЮМХЪ image.
// БНГЛНФМН, ЯРЮМДЮПРМШИ ЙКЮЯЯ image РНДЕ ЩРН СЛЕЕР, МН ЛМЕЙНЦДЮ БШЪЯМЪРЭ...
function myImage(_src) {
var _image = new Image;
_image.src = _src;
this._image = _image;
}

// ЛЮЯЯХБ ЙЮПРХМНЙ-ЙЮДПНБ
var imagesArray = new Array (
new myImage('images/1.gif'),
new myImage('images/2.gif'),
new myImage('images/3.gif'),
new myImage('images/4.gif'),
new myImage('images/5.gif'),
new myImage('images/6.gif'),
new myImage('images/7.gif'),
new myImage('images/8.gif')
)

function change(_img, _src) {
document.images[_img].src = _src.src;
_index++;

if (_index >= imagesArray.length) {
_index = 0;
}
}

function doRotate() {
change("rotatingHouse", imagesArray[_index]._image);
_tOut = setTimeout("doRotate()", _delay);
}

function startRotate() {
_tOut = setTimeout("doRotate()", _delay);
}

function stopRotate() {
clearTimeout(_tOut);
}

то, что красным, необходимо заменить на путь до своих картинок.

Подключаем его в head:

Code
<SCRIPT language=JavaScript src="rotate.js" type=text/javascript></SCRIPT>

А в body вставляем это:

Quote
<TABLE cellSpacing=0 cellPadding=0 width=237 border=0>
<TR>
<TD align=middle><A onmouseover="javascipt: startRotate();"
onmouseout="javascipt: stopRotate();"
href="http://ваш сайт/"><IMG height=138 alt=""
src="images/1.gif" width=130
border=0 name=rotatingHouse></A></TD></TR>
</TABLE>


Синее
- это путь до той картинки, которая будет отображаться первой.

Вообщем, пример в архиве. Скачиваем и смотрим.

Материал взят с сайта infoscript.ru
Теги: Скачать Аниматор jpg файлов
Скачать "Аниматор jpg файлов"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 2671 | Добавил: antisept | Рейтинг: 5.0/1 |
Теги: аниматор, файлов, JPG
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]