Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2004
    Messaggi
    15

    Photogallery con dissolvenza

    Ho un problema, ho creato una photogallery che al clic su di un pulsante cambia immagine, e fino ad ora tutto ok... adesso vorrei che il cambio di immagine avvenga con effetto dissolvenza e gli script che fino ad ora ho trovato fanno un loop di immagini in dissolvenza che non fa al caso mio... avete dei suggerimenti???

  2. #2
    Io ho usato questo:
    codice:
    function initImage(objId){
    image = document.getElementById(objId);
    setOpacity(image, 0);
    image.style.visibility = 'visible';
    fadeIn(objId,0);
    }
    
    
    function setOpacity(obj,opacity){
    opacity=(opacity==100) ? 99.999 : opacity;
    obj.style.filter = "alpha(opacity:"+opacity+")";  // IE/Win
    obj.style.KHTMLOpacity = opacity/100; // Safari<1.2, Konqueror
    obj.style.MozOpacity = opacity/100;   // Older Mozilla and Firefox
    obj.style.opacity = opacity/100;      // Safari 1.2, newer Firefox and Mozilla, CSS3
    }
    
    function fadeIn(objId,opacity){
    if(!document.getElementById) return;
    obj = document.getElementById(objId);
    if(opacity <= 100){
      setOpacity(obj,opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
      }
    }
    
    //la temporarizzazione e l' opacità finale sono state leggermente cambiate
    function fadeOut(objId,opacity){
    if(!document.getElementById) return;
    obj = document.getElementById(objId);
    if(opacity >= 30){
      setOpacity(obj,opacity);
      opacity -= 10;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
      }
    }
    
    //funzione aggiunta: fadeOut e fadeIn al passaggio del mouse
    function setFade(objId){
    el=document.getElementById(objId);
    el.onmouseover=function(){fadeOut(objId,100)};
    el.onmouseout=function(){fadeIn(objId,40)};
    }
    articolo e sorgente: http://clagnut.com/sandbox/imagefades/

    ciao

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2004
    Messaggi
    15
    Grazie da quello che ho visto fà al caso mio.... Grazie mille

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.