Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766

    Problemi di rollover/rollout

    Allora, ho 4 foto, sopra queste foto metto 4 istanze di un mc che al suo interno ha una animazione:
    dal fotogramma 1 al 5 aumenta l'alfa, dal 5 al 10 l'alfa scompare.
    L'idea è quella di far partire la prima parte dell'animazione quando si fa un rollover sull'oggetto, mentre quando si fa un rollout, parte il secondo pezzo di animazione.
    Ma non tutto funziona liscio, se si muove il mouse troppo velocemente, in particolare da un oggetto all'altro, tutto si incasina e l'effetto dell'alfa addirittura si inverte; comoe potrei fare?

  2. #2
    ciao se le foto sono solo 4 fai cosi':

    ipotizzando che l'istanza delle foto sia foto_1,foto_2,foto_3,foto_4
    scrivi sul frame:
    [code]
    foto_1._alpha=30;
    foto_1.onRollOver = function(){
    this.onEnterFrame = function(){
    this._alpha++;
    if(this._alpha>=100){
    delete this.onEnterFrame;
    }}
    }

    foto_1.onRollOut = function(){
    this.onEnterFrame = function(){
    this._alpha--;
    if(this._alpha<=30){
    delete this.onEnterFrame;
    }}
    }
    cosi' anche per le altre foto,cambiando foto_1 con 2,3,4

    ciao

    -Nextart.it Graphic Solutions

  3. #3
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    ma è che volevo un effetto di transizione dell'alpha..

  4. #4
    e quello fa il codice che ho postato...

    se vai sopra la foto aumenta l'alpha da 30 a 100, quando togli il mouse diminuisce l'alpha da 100 a 30.

    -Nextart.it Graphic Solutions

  5. #5
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Allora, funziona, ma l'effetto mi risulta troppo lento, bisogna stare parecchio tempo su una foto per vedere l'effetto, come si potrebbe fare per velocizzare il tutto?

  6. #6
    ciao devi modificare i valori con cui aumenti o diminuisci l'alpha quindi:
    io ho messo 5, se vuoi aumentare modificalo con 10,20 ecc...
    codice:
    foto_1._alpha=30;
    foto_1.onRollOver = function(){
    this.onEnterFrame = function(){
    this._alpha+=5;
    if(this._alpha>=100){
    delete this.onEnterFrame;
    }}
    }
    
    foto_1.onRollOut = function(){
    this.onEnterFrame = function(){
    this._alpha-=5;
    if(this._alpha<=30){
    delete this.onEnterFrame;
    }}
    }
    ciao
    -Nextart.it Graphic Solutions

  7. #7
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Fantastico nextart! Mi piace proprio come è viene! Grazie! :-)

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.