Published using Google Docs
CSS e Javascript per Image Cross Fader Redux
Updated automatically every 5 minutes

<!-- IMMAGINI IN ROTAZIONE INIZIO -->

<style type='text/css'>

#imageContainer {

border:0;

padding:0;

margin: 10px auto;

overflow: hidden;

position: relative;

width: 500px;

height: 340px;

}

#imageContainer img {

border: 0;

padding: 0;

width: 100%;

}

</style>

<noscript><a href='http://goo.gl/O9zKx' target='_blank'><span style='font-size: x-small;'>Image Cross Fader Redux</span></a></noscript>

<script type='text/javascript'>

//<![CDATA[

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('imageContainer').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,3500);

}

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,3500);

}

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>

<!-- IMMAGINI IN ROTAZIONE FINE - www.ideepercomputeredinternet.com  -->