Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/08/2015, 07:59
tico74
 
Fecha de Ingreso: diciembre-2002
Mensajes: 473
Antigüedad: 21 años, 11 meses
Puntos: 0
Efecto Loading

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:
Ver original
  1. $('#loadingImg').hide();
  2.  $.ajax({
  3.    url: "test.html",
  4.    data: {data1:'smile'},
  5.    beforeSend:function() {
  6.        $('#loadingImg').show();
  7.    },
  8.    success:function(response) {
  9.        $('#loadingImg').hide();
  10.        
  11.    },
  12.    error:function(response) {
  13.        $('#loadingImg').hide();
  14.      
  15.    }
  16. });

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

Código Javascript:
Ver original
  1. $.when(x).then(function(data){                                    
  2.                                    
  3.                                     $("#bloqueimagenes").animate({
  4.                                                            opacity: 1,
  5.                                                            left: "+=100"
  6.                                                         });
  7.                                                  
  8.                                     $("#bloqueimagenes").html(data);
  9.                                    
  10.                                    
  11.                                    
  12.                                 });

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