Аниматор 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>


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

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



Источник: http://samelex.at.ua/2_WEB_MASTER/Scripti/49481420.jpg
Категория: Разное | Добавил: Admin (23.07.2010) | Автор: Infoscript.ru W
Просмотров: 393 | Рейтинг: 1.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]