witam,
mam galeryjke "xfade" (jest to skrypt ktory wyświetla zdjecia - jakby pokaz slajdow - z ladnym przechodzeniem ze zdjecia do zdjecia) chcialbym aby kazdy kto oglada mogl "przewinac" sobie zdjecie daleje, za bardzo nie wiem jak to uczynic, poprosze o pomoc jakas podpowiedz
tak wyglada pliczek xfade2.js:
Kod
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","scripts/xfade2.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,5000);
}

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,5000);
     } 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) + ")";
     }

oraz index.html:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  8.  
  9. <title>images / paĹşdziernik 2007 / Picasa Template by www.paulvanroekel.nl</title>
  10.  
  11. <link rel="stylesheet" type="text/css" href="scripts/xfade2_o.css" />
  12.  
  13. <script type="text/javascript" src="scripts/xfade2.js"></script>
  14.  
  15. </head>
  16.  
  17. <body>
  18.     <div id="imageContainer">
  19. <img src="images/01.jpg" title="01.jpg" alt="01.jpg" width="418" height="250"  border="0" /> 
  20. <img src="images/02.jpg" title="02.jpg" alt="02.jpg" width="486" height="250"  border="0" /> 
  21. <img src="images/03.jpg" title="03.jpg" alt="03.jpg" width="489" height="250"  border="0" /> 
  22. <img src="images/04.jpg" title="04.jpg" alt="04.jpg" width="333" height="250"  border="0" /> 
  23. <img src="images/05.jpg" title="05.jpg" alt="05.jpg" width="415" height="250"  border="0" /> 
  24. <img src="images/06.jpg" title="06.jpg" alt="06.jpg" width="309" height="250"  border="0" /> 
  25. </div>
  26. </body>
  27. </html>
[HTML] pobierz, plaintext


bede wdzieczny za pomoc i wszelkie podpowiedzi smile.gif
pozdrawiam.