Visualizzazione dei risultati da 1 a 3 su 3

Discussione: javascript slideshow

  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2003
    Messaggi
    583

    javascript slideshow

    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

  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2003
    Messaggi
    583
    c'è qualche novità io non sono riuscito a risolvere il problema

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    e' abbastanza complicato quello che chiedi,
    fai prima a trovare un altro script

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.