ошибка кода JS

[andriy111]

ошибка кода JS

Здравствуйте уважаемые посетители!
Посмотрите пожалуйста, где-то в коде есть ошибка.
Ошибка заключается в том что 1 картинка не переходит в другую,а переходит плавно в фон и потом резко начинаеться вторая. Посмотреть на ошибку можно http://vizhije.org/test/

CSS

#rotator
{
	overflow: hidden;
	margin: 0px auto ;
	position: relative;
	width: 788px;
	height: 300px;}

#rotator img
{
	border: 0;
	cursor: pointer;
	margin-top:28px;
	width: 788px;
	display:none;
	height: 255px;}

Собственно сам Скрипт

<script>
window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init()
{
	if(!d.getElementById || !d.createElement)return;

	css = d.createElement('link');
	css.setAttribute('href','slideshow2.css');
	css.setAttribute('rel','stylesheet');
	css.setAttribute('type','text/css');
	d.getElementsByTagName('head')[0].appendChild(css);

	imgs = d.getElementById('rotator').getElementsByTagName('img');
	for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
	imgs[0].style.display = 'block';
	imgs[0].xOpacity = .99;

	setTimeout(so_xfade,3000);
}

function so_xfade()
{
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;
	nOpacity = imgs[nIndex].xOpacity;

	cOpacity-=.05;
	nOpacity+=.05;

	imgs[nIndex].style.display = 'block';
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;

	setOpacity(imgs[current]);
	setOpacity(imgs[nIndex]);

	if(cOpacity<=0)
	{
		imgs[current].style.display = 'none';
		current = nIndex;
		setTimeout(so_xfade,3000);
	}
	else
	{
		setTimeout(so_xfade,50);
	}

	function setOpacity(obj)
	{
		if(obj.xOpacity>.99)
		{
			obj.xOpacity = .99;
			return;
		}

		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
	}
}
</script>
<div id="rotator">
	<img src="images/header7.gif"/>
    <img src="images/header5.gif"/>
    <img src="images/header6.gif" />
    <img src="images/header2.gif" />
    <img src="images/header8.gif" />
    <img src="images/header1.gif" />
    <img src="images/header3.gif" />
    <img src="images/header4.gif" />
</div>

Благодарю!

 

[С.]

Re: ошибка кода JS

Здравствуй уважемый топикстартер!

Ну кому интересно копаться в <s>твоем</s> твоей каше? Открой для себя jQuery и иже с ним.

 

[andriy111]

Уже отыскал ошибку, исправил.