Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 19
  1. #1

    Effetto FadeIn non funziona bene

    Mi date una mano? Sono ignorante nel js...

    Ho trovato un po' di codice che dovrebbe farmi fare il FadeIn di "qualcosa" da bianco (o trasparente che sia) a normale.
    Lo volevo applicare ad una foto.
    Ho usato il codice senza prendere la parte del FadeOut che non mi interessa. E carico lo script all'onload del body.

    L'effetto INDESIDERATO è questo: prima si vede la foto, poi viene "sbiancata" e parte l'effetto FadeIn.
    Io invece vorrei che partisse subito da "sbiancata"...

    Se quanto scritto non basta e vi serve il codice così come l'ho usato io fatemi sapere che provvedo a postare una pagina di esempio...


    Grazie...
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  2. #2
    se per sbiancata intendi dire che viene fatta sparire, lo devi settare prima con i CSS, altrimenti la pagina prima si carica (con la foto in chiare), poi parte lo script e la foto viene messa ad opacity: 0.0;

    Devi assegnate alla foto il CSS:

    opacity: 0;
    filter: alpha(opacity=0)

  3. #3
    Si... hai capito il problema... Ma ho sistemato il css con esito negativo.

    Codice PHP:
    HTML

    <body onload="javascript: fadeIn('dissol', 1500);">

    <
    div id="centro">
     [
    img]/img/design.jpg[/img]
    </
    div>


    CSS

    #dissol {
        
    opacity0;
        
    filteralpha(opacity=0);
    }


    JAVASCRIPT

    function fadeIn(divIDtime)
    {
        var 
    speed Math.round(time 100);
        var 
    frame 0;
        var 
    fade;

        for(
    fade 0fade 100fade++) { 
            
    setTimeout("setOpacity('"+divID+"', "+fade+")", (speed frame));
            
    frame++;
        }
    }

    function 
    setOpacity(idopacity)
    {
        var 
    element document.getElementById(id);
        if(
    document.all)
            
    element.style.filter "alpha(opacity=" opacity ")";
        else
            
    element.style.opacity opacity 100;

    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  4. #4
    ma l'hai messo nel file CSS o nel tag <style>?

    Perchè se lo hai settato lo hai settato, non è che ci sono alternative...

    Con quale browser lo guardi?

  5. #5
    Originariamente inviato da artorius
    ma l'hai messo nel file CSS o nel tag <style>?
    Ho un file.css esterno (che richiamo ovviamente dall'<head>)...


    Originariamente inviato da artorius
    Perchè se lo hai settato lo hai settato, non è che ci sono alternative...
    ... ...


    Originariamente inviato da artorius
    Con quale browser lo guardi?
    Ora su win con FF, IE, Safari (e Chrome... ma questo conta poco)


    Su FF funziona anche senza modifiche al css sull'opacity... e con le modifiche aggiunte non cambia (funziona ancora bene..).
    Ho aggiunto anche "-moz-opacity:.0;"

    Va bene anche con Safari...

    MALE con con IE8 (beta qualcosa...)
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  6. #6
    a parte che -moz-opacity:0; non .0; comunque io non lo metterei perché quella funzione FadeIn non va ad alterarlo.

  7. #7
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    Originariamente inviato da ricman
    MALE con con IE8 (beta qualcosa...)
    l' ultimo (in ordine di tempo) colpo di genio di microsoft!

  8. #8
    ed il bello è che mi sorprendo ancora....

  9. #9
    Originariamente inviato da artorius
    a parte che -moz-opacity:0; non .0; comunque io non lo metterei perché quella funzione FadeIn non va ad alterarlo.
    Cmq che ci sia o no il malfunzionamento resta lo stesso...
    Per curiosità.. non è che avete avete provato il codice che ho postato io?

    Il doctype per ora è in xhtml strict.
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  10. #10
    Ho notato una cosa... Sono andato su un paio di pc qua in giro e su IE7 e I6 funziona tutto bene (a parte i soliti problemi di misure da risolvere coi commenti condizionali).
    Quindi è solo IE8 (oppure un problema nel mio computer?)...
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

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.