• Super User

    Sicuramente in quel sito è scritto da tutte le parti ma io, non sapendo l'inglese non l'ho capito...:D
    Grazie Laburno, che pazienza...:)


  • User Attivo

    è js...diciamo un fade..ce ne sono diversi...cmq con mootools trovi quello che ti serve..

    questo è il principale
    <script type="text/javascript" src="/assets/scripts/mootools.js?v=1"></script>

    poi sinceramente nn conosco quale tra gli altri sia quello ad effetto "fade"...


  • Super User

    E' veramente accattivante...mi piace, delicato, morbido...quasi un soffio.
    Grazie MrTwo 😄


  • User Attivo
    
    fadeColor = "#0091E1";
    stepIn = 12; 
    stepOut = 12; 
    
    autoFade = true;  
    
    sloppyClass = true;
    
    macCompat = false;
     
    hexa = new makearray(16);
    for(var i = 0; i < 10; i++)
        hexa* = i;
    hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
    hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
    document.onmouseover = domouseover;
    document.onmouseout = domouseout;
    fadeColor = dehexize(fadeColor.toLowerCase());
    var fadeId = new Array();
    function dehexize(Color){
     var colorArr = new makearray(3);
     for (i=1; i<7; i++){
      for (j=0; j<16; j++){
       if (Color.charAt(i) == hexa[j]){
        if (i%2 !=0)
         colorArr[Math.floor((i-1)/2)]=eval(j)*16;
        else
         colorArr[Math.floor((i-1)/2)]+=eval(j);
       }
      }
     }
     return colorArr;
    }
    function domouseover() {
     if(document.all){
      var srcElement = event.srcElement;
      if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
        if (!srcElement.startColor) {
         srcElement.startColor = (srcElement.style.color)? srcElement.style.color: srcElement.currentStyle.color;
         srcElement.startColor = dehexize(srcElement.startColor.toLowerCase());
        }
        var link = (macCompat? srcElement.name: srcElement.uniqueID);
        if (link) fade(srcElement.startColor,fadeColor,link,stepIn);    
        else if (macCompat) alert("Error: Mac Compatility mode enabled, but link has no name.");
      }
     }
    }
    function domouseout() {
     if (document.all){
      var srcElement = event.srcElement;
      if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {
       var link = (macCompat? srcElement.name: srcElement.uniqueID);
       if (link) fade(fadeColor,srcElement.startColor,link,stepIn);
      }
     }
    }
    function makearray(n) {
        this.length = n;
        for(var i = 1; i <= n; i++)
            this* = 0;
        return this;
    }
    function hex(i) {
        if (i < 0)
            return "00";
        else if (i > 255)
            return "ff";
        else
           return "" + hexa[Math.floor(i/16)] + hexa[i%16];
    }
    function setColor(r, g, b, element) {
          var hr = hex(r); var hg = hex(g); var hb = hex(b);
          element.style.color = "#"+hr+hg+hb;
    }
    function fade(s,e,element,step) {
     var sr = s[0]; var sg = s[1]; var sb = s[2];
     var er = e[0]; var eg = e[1]; var eb = e[2];
     
     if (fadeId[0] != null && fade[0] != element && eval(fadeId[0])) {
      var orig = eval(fadeId[0]);
      setColor(orig.startColor[0],orig.startColor[1],orig.startColor[2],orig);
      var i = 1;
      while(i < fadeId.length) {
       clearTimeout(fadeId*);
       i++;
      }
     }
      
     for(var i = 0; i <= step; i++) {
      fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
       step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
       ")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
     }
     fadeId[0] = element;
    }
     
    
    

    <script src="fade.js" language="Javascript"></script>

    dovrebbe andare...nn sn sicuro xò...è vecchietto qst script


  • Super User

    Vedo se funziona, in ogni cas grazie mille MrTwo, mi piace come aiuti 😄


  • Super User

    Grazie MrTwo, lo script funziona, purtroppo solo in IE.

    Ma in quella pagina dove si scarica questo fade?...io mica ci capisco nulla...bua
    😄


  • User Attivo

    no qst è uno vecchio che avevo io nn viene da mootool
    la m sa che devi vedere in download e poi in doc


  • Super User

    Sì sì, lo avevo capito 😄
    Vediamo un pò se riesco a tradurre almeno qualche frae 🙂


  • User Attivo

    Ciao pikadilly,
    come libreria simile ho usato anche scriptaculous:
    ht t p://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo
    Si scarica la libreria, la si mette in una cartella nella root e si fa un include javascript nell'head dell'html. Dopo di che puoi chiamare direttamente le funzioni javascript.
    Ad esempio per il fade (h t t p://wiki.script.aculo.us/scriptaculous/show/Effect.Fade)

    <div class="example" id="demo-effect-appear" onclick="Effect.Fade(this)">
    <p>CONTENUTO DA FADDARE al CLICK</p>
    </div>

    Anche in questo caso la documentazione è in inglese, però con gli esempi è abbastanza intuitiva. 🙂


  • Super User

    Grazie Meryk, proverò anche questo 😄