Script JS

[Eduadie]

Vorrei mettermi in regola col titolo ma non riesco a modificarlo...

Purtroppo fermat con i tuoi metodi non sono riuscito a risolvere...

[fermat]

Vorrei mettermi in regola col titolo ma non riesco a modificarlo...

Purtroppo fermat con i tuoi metodi non sono riuscito a risolvere...

ok ma facci vedere i tuoi tentativi.
magari hai fatto un errore banale.
così è difficile aiutarti...

[Eduadie]

Si lo avrei fatto oggi, hai ragione.

Sono arrivato a modificare lo script in questo modo e farlo funzionare su entrambi gli slideshow ma adesso sono asincroni, o meglio finisce il primo parte il secondo, finisce il secondo parte il primo.

Questo è come l'ho modificato:

/*
    Image Cross Fade Redux
    Version 1.0
    Last revision: 02.15.2006
    steve@slayeroffice.com


    Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html
*/


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.createElement)return;


    css = d.createElement('link');
    css.setAttribute('href','slideshow.css');
    css.setAttribute('rel','stylesheet');
    css.setAttribute('type','text/css');
    d.getElementsByTagName('head')[0].appendChild(css);
    
      imgs = $(".prova");
      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) + ')';
    }
}

Modificando i div così:

<div class="slideshow">    <img class="prova" src="1.jpg" />    <img class="prova" src="2.jpg" />               <img class="prova" src="3.jpg" /></div>
<div class="slideshow">    <img class="prova" src="1.jpg" />    <img class="prova" src="2.jpg" />               <img class="prova" src="3.jpg" /></div>

Su quel link puoi vedere sempre il risultato...