sto testando questo slideshow e funziona
se in un altro settore dovessi inserire un altro slide con altre immagini come faccio ?
window.addEventListener?window.addEventListener('l oad',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('slideshow').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,1000);
}
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,10);
}
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) + ')';
}
}
Ho impostato questo :
#slideshow {
overflow: hidden;
margin: 0px auto 0px;
position: relative;
width: 215px;
height: 144px;
}
#slideshow img {
width: 215px;
height: 144px;
}
#slideshow2 {
overflow: hidden;
margin: 0px auto 0px;
position: relative;
width: 215px;
height: 144px;
}
#slideshow2 img {
width: 215px;
height: 144px;
}
e slideshow2
#slideshow {cursor: pointer;}
#slideshow img {
display: none;
position: absolute;
top: 0;
left: 0;
}
#slideshow2 {cursor: pointer;}
#slideshow2 img {
display: none;
position: absolute;
top: 0;
left: 0;
}
le ho provate tutte cosa devo fare per creare un altra slide nella stessa pagina ?
sulla prima parte cosa devo modificare ...............
attendo una risposta.
saluti