Aggiungere un preload ai contenuti

[m4tt86]

Ciao ragazzi,
volevo un aiuto da voi, in pratica ho fatto una funzione in jquery che esegue delle operazioni in una pagina php e restituisce il risultato in un div chiamato "cat". Funziona tutto, solo che per restituire il valore ci mette un po di tempo, quindi avevo pensato di aggiungere un preloading e alla comparsa del div deve scomparire l'immagine di preoading. Come devo fare?

<script type="text/javascript">
    function add(){
        $.ajax({
            type: "POST",
            url: "http://localhost/home.php?task=addajaxcat&lang=it",
            success: function(html){
            
            $(".cat").fadeOut('slow', function() {
                $(".cat").html(html).fadeIn('slow');
            });
            
                        }
        });
        
        }
</script> 

[m4tt86]

up

[m4tt86]

up

[AVRstudio]

Ho lo stesso identico problema anche io... non apro un nuovo post perchè sarebbe inutile.
Se qualcuno fosse tanto gentile da suggerire delle idee in merito mi sarebbe di grande aiuto.

Grazie fin da ora.

[m4tt86]

Non aiuta nessuno in questo forum purtroppo, sono dovuto andare in un altro forum per risolvere.

[m4tt86]

Comunque se ti può essere utile io ho risolto così, ma non so se è molto corretto:

<script type="text/javascript">
    function add(){
       $(".cat").html("immagine loading");
        $.ajax({
            type: "POST",
            url: "http://localhost/home.php?task=addajaxcat&lang=it",
            success: function(html){
            
            $(".cat").fadeOut('slow', function() {
                $(".cat").html(html).fadeIn('slow');
            });
            
                        }
        });
        
        }
</script> 

[fcaldera]

al div che riceverà i contenuti metti - con i css - un'immagine di sfondo con un preloader
al successo della chiamata ajax rimuovi l'immagine di sfondo via javascript