Efecto Loading

[tico74]

Hola amigos, queria consultarles por si me podian dar ideas para aggregar un efecto Cargando/Loading (con letras o bien un icono) en un bloque grande de imagenes que van cambiando conforme se toca un icono de atras/adelante.
Lo meti dentro de una "promesa" de jquery pero estoy en duda en como implementarlo y no encuentro referencias, vale decir, yo solia usar un clasico codigo donde muestro u oculto una imagen (o div) de este estilo:

Código Javascript:

$('#loadingImg').hide();
 $.ajax({
   url: "test.html",
   data: {data1:'smile'},
   beforeSend:function() {
       $('#loadingImg').show();
   },
   success:function(response) {
       $('#loadingImg').hide();
       
   },
   error:function(response) {
       $('#loadingImg').hide();
      
   } 
});
 

pero ahora tengo un bloque que se torna mas opaco o invisible y donde me gustaria mostrar un icono o texto:

Código Javascript:

$.when(x).then(function(data){                                    
                                    
                                    $("#bloqueimagenes").animate({
                                                           opacity: 1,
                                                           left: "+=100"
                                                        });
                                                  
                                    $("#bloqueimagenes").html(data);
                                    
                                    
                                    
                                });
 

Es factible meter algo asi dentro de esa promesa? (hasta ahora al menos no pude hacerlo andar)
Se agradecen ideas!

[martinpandolfelli]

Hola! Podrias hacerlo con el mismo codigo que tenias antes, solo que en vez de ponerle .show, le podes poner .fadeIn('slow') y .fadeOut('slow')
Son efectos de jquery que ya estan armados, fijate te tiene que funcionar facilmente.

Saludos!