Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/08/2015, 14:30
Avatar de Luisa29
Luisa29
 
Fecha de Ingreso: enero-2013
Mensajes: 193
Antigüedad: 11 años, 9 meses
Puntos: 4
Respuesta: Que no desaparezca el gif hasta cargar todas las imágenes

Cita:
Iniciado por man0l0 Ver Mensaje
Hola Luisa,

El gif que tienes ahí es válido sólo para el llamado por ajax, por eso desaparece una vez que reemplazas el contenido del div en socialDone.

Para mantenerlo activo, deberías gatillar un "listener" que espere la carga de las imágenes, no lo he probado pero debería ser algo similar a esto:

Código:
    socialDone : function (div, response) {
                $('body').append('<div id="precarga" style="display: none;"></div>');
                $('#precarga').html(response);
                $('#precarga img').on('load', function(){
                     $(div).hide().html($('#precarga').html()).fadeIn('slow');
                     $('#precarga').remove();
                });
	},
¿Y cómo podría aplicarlo al código de mi web? ¿podrías mostrarme un ejemplo?

EDITO: He intentado implementarlo pero no me sale, ¿dónde pongo el div preload? ¿dónde pongo el código? ¿en la parte de socialdone?

Última edición por Luisa29; 06/08/2015 a las 16:20