Форум Практика оптимизации Любые вопросы от новичков по оптимизации

Помогите со скриптом (Jquery)

AndranoMAX
На сайте с 20.06.2008
Offline
91
AndranoMAX
351

Есть скрипт: 

<img class="SpecialImage" src="http://src.ucoz.ru/a/07/2194.jpg" border="0" style="opacity: 0" /> <!-- картинка 1 -->

<img class="SpecialImage" src="http://xcinema.ucoz.ru/raznoe/vanofuture/sp_avatar.gif" border="0" style="opacity: 0" /> <!-- картинка 2 -->

<img class="SpecialImage" src="http://helper.ucoz.ru/avatar/93/299080.gif" border="0" style="opacity: 0" /> <!-- картинка 3 -->

<script type="text/javascript"> 

SpecialImageShowNum=5; // через сколько секунд покажется

SpecialImageHideNum=3; // через сколько секунд скроется

SpecialImageShowSpeed=750; // скорость с которой изображение показывается. чем больше цифра тем медленней будет эффект появления картинки

SpecialImageHideSpeed=750; // скорость с которой изображение скрывается. чем больше цифра тем медленней будет эффект скрытия картинки



function SpecialImageToggle(){

first=setTimeout(function(){

img.animate({opacity: 1}, SpecialImageShowSpeed, function(){

second=setTimeout(function(){

img.animate({opacity: 0}, SpecialImageHideSpeed, function(){

SpecialImageToggle();});},SpecialImageHideNum*1000);

});},SpecialImageShowNum*1000);}

img=$('img.SpecialImage'); SpecialImageToggle();

 </script>

Нужно сделать так, чтобы для каждой из этих картинок: 


<img class="SpecialImage" src="http://src.ucoz.ru/a/07/2194.jpg" border="0" style="opacity: 0" /> <!-- картинка 1 -->

<img class="SpecialImage" src="http://xcinema.ucoz.ru/raznoe/vanofuture/sp_avatar.gif" border="0" style="opacity: 0" /> <!-- картинка 2 -->

<img class="SpecialImage" src="http://helper.ucoz.ru/avatar/93/299080.gif" border="0" style="opacity: 0" /> <!-- картинка 3 -->

были установлен свои собственные параметры: время появления, скорость появления и т.п. то есть фактически для каждой картинки свой скрип, аналогичный предидущему.

Тот кто поможет - пиши сюда свой кошелк (Не Бил Гейст, но вместо "спасибо")

dimmu-borgir
На сайте с 16.03.2009
Offline
170
dimmu-borgir
#1

есть специальная тема по прогрерству, там помогут скорее...

embo
На сайте с 05.12.2008
Offline
24
embo
#2 

<img class="SpecialImage1" id="0" src="http://src.ucoz.ru/a/07/2194.jpg" border="0" style="opacity: 0" /> <!-- картинка 1 -->

<img class="SpecialImage2" id="1" src="http://xcinema.ucoz.ru/raznoe/vanofuture/sp_avatar.gif" border="0" style="opacity: 0" /> <!-- картинка 2 -->

<img class="SpecialImage3" id="2" src="http://helper.ucoz.ru/avatar/93/299080.gif" border="0" style="opacity: 0" /> <!-- картинка 3 -->



<script type="text/javascript"> 

ArrSpecialImageShowNum = new Array(1,2,3);			// через сколько секунд покажется

ArrSpecialImageHideNum = new Array(1,2,3);			// через сколько секунд скроется

ArrSpecialImageShowSpeed = new Array(750,750,750);	// скорость с которой изображение показывается. чем больше цифра тем медленней будет эффект появления картинки

ArrSpecialImageHideSpeed = new Array(750,750,750);	// скорость с которой изображение скрывается. чем больше цифра тем медленней будет эффект скрытия картинки



function SpecialImageToggle(img) {

	id = img[0].id;

	first = setTimeout(function() {

		

		img.animate({opacity: 1}, ArrSpecialImageShowSpeed[id], function(){

			second = setTimeout(function(){

				img.animate({opacity: 0}, ArrSpecialImageHideSpeed[id], function(){

					SpecialImageToggle(img);

				}

			);}, ArrSpecialImageHideNum[id]*1000);

		});

	}, ArrSpecialImageShowNum[id]*1000);

}



img1 = $('img.SpecialImage1');

SpecialImageToggle(img1);



img2 = $('img.SpecialImage2'); 

SpecialImageToggle(img2);



img3 = $('img.SpecialImage3'); 

SpecialImageToggle(img3);

</script>
Плавно двигаемся от сапы к статьям (http://miralinks.ru/users/registration/from:4223)
Константинович
На сайте с 13.09.2008
Offline
319
Константинович
#3
dimmu-borgir:
есть специальная тема по прогрерству, там помогут скорее...

Вот эта ветка

А здесь раздел "Поисковые системы", который подразумевает вопросы и ответы именно в этом русле.

Нужны финансы? Быстрая скупка (http://dragmettorg.com/skupka_zolota/). Цены на сайте. А потом отыграй из на казино онлайн правила (http://premium-games.ru/)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий