...

View Full Version : Ajax Slide effect... need to add random feature to it



winnard2008
02-06-2009, 03:47 PM
Hi

I have this Ajax slide effect that I want to use on my website. I have about six images that I use, but I would like to set it up if possible so that each time a person comes to the page the images are loaded at random so a different one appears as the first one each time.

As I know very little about Ajax or javascript I thought I would post to see if somebody could help.


Here is the code.



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/slide.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,11000);

}
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,11000);
}
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) + ')';
}
}


If anybody could help then that would be great. If not if anybody could point me in the direction of a slide effect slideshow that can load images at random then that would be good too although I do like this script for its ease of set up.


Cheers

Dan



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum