Javascript Interfering with one small bit of CSS....

[nevynev]

Hi,

 

I've got an image rotator on my site, the code of which is below. It's not my script so Im not quite sure how it works but I'm pretty sure it reloads the style sheet twice and causes the middle orange dividing bar to be pushed to the left in IE (see FF for how it should be displayed) it's odd as it seems to do this dynamically sometimes too so I guess its the js. The page it is on is www.keyglobalonline.com/index_new.php - what do I do to stop this? apart from that everything is working perfectly.......

 

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','../css/master.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) + ')';
}
}

 

Thanks

NevyNev

[nevynev]

Bump - still haven't figured this one out....

 

Any advice?

Thanks

[phpQuestioner]

I viewed your website in 2 different browsers. I don't see anything wrong with out layout - it seems ok to me.