Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Jquery fadein image

Hybrid View

  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2012
    Messaggi
    20

    Jquery fadein image

    Salve, avrei bisogno di un semplice script per far si che un'immagine compaia con effetto fadein al caricamento della pagina.
    Questo per le versioni di Explorer che non supportano i css transition...
    Potete aiutarmi? grazie.

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2012
    Messaggi
    20

    Forse questo? ma non va...

    Ho provato cosi ma non va...

    <script type="text/javascript">
    $(document).ready(function(){
    $("#testo").fadeIn();
    });
    </script>
    <img src="img/9.jpg" style="border:0;" id="testo">



    Quote Originariamente inviata da 9gio9 Visualizza il messaggio
    Salve, avrei bisogno di un semplice script per far si che un'immagine compaia con effetto fadein al caricamento della pagina.
    Questo per le versioni di Explorer che non supportano i css transition...
    Potete aiutarmi? grazie.

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2012
    Messaggi
    20
    In effetti l'immagine deve avere: display:none;

    Ora va...peccato che non va con ie8 e inferiori che poi era il mio scopo...
    Qualcuno sa come posso fare?

  4. #4
    Quote Originariamente inviata da 9gio9 Visualizza il messaggio
    In effetti l'immagine deve avere: display:none;

    Ora va...peccato che non va con ie8 e inferiori che poi era il mio scopo...
    Qualcuno sa come posso fare?
    Cosi dovrebbe funzionare:

    codice:
    <img src="img/9.jpg" style="border:0; display:none;" class="fadeIn">
    
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
     $(document).ready(function(){
     $(".fadeIn").fadeIn(500);
    });
    </script>
    Per IE8 e inferiori forse è un problema di versione di jquery dai un occhio qui:

    http://www.impressivewebs.com/loadin...version-ie6-8/

    Ciao
    Ultima modifica di alexba64; 19-02-2015 a 19:08

  5. #5
    Utente di HTML.it
    Registrato dal
    Apr 2012
    Messaggi
    20
    Grazie...

Tag per questa discussione

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.