Bienvenido Cargando ... Página con Jquery

Question

¿Cómo puedo implementar una pantalla de bienvenida durante 5 segundos dando información como Cargando aplicación ... + algunas informaciones de aplicaciones ... mientras la página principal se carga en segundo plano.

Answer 1

creo que es aceptable tener un 'Cargando ...' página en algunos casos - por ejemplo, después de un usuario a un negocio en los registros de aplicación (piense en TurboTax en línea ... dice algo así como 'establecer una conexión segura', lo que probablemente no sea exactamente cierto, pero cargar cosas en la interfaz). Mostrar la página cada vez que un usuario anónimo va a su sitio probablemente no sea la mejor idea.

Eche un vistazo a jQuery BlockUI. Es flexible y puede hacer lo que está hablando.

Answer 2

A menos que realmente esté usando ese tiempo en el fondo para hacer algún tipo de precarga, sugeriría que esto no venga desde la perspectiva del usuario final. Personalmente, me resultaría molesto que cuando vaya a un sitio web, tenga que realizar algún tipo de presentación antes de llegar al contenido que quiero.

Es por eso que tiendo a odiar los sitios web diseñados en Flash o los que simplemente incorporan una página de presentación Flash.

Editar: No creo necesariamente que la carga de la página principal deba calificar para mucho en la escala de "precarga", a menos que sea un recurso intensivo. De nuevo, estas son solo mis opiniones.

Editar # 2: También podría argumentarse que los visitantes de su sitio web tomarán la decisión de quedarse o irse en tan solo cinco segundos. Recuerde que quienes usan Internet tienden a tener la capacidad de atención de las moscas de la fruta, y colocarlas en un patrón de espera antes de que lleguen al contenido es una buena manera de perder esos usuarios.

Answer 3

Mostraría su mensaje de bienvenida a medida que la página se carga (teóricamente como una superposición totalmente posicionada). A continuación, puede utilizar jQuery para poner en marcha un temporizador:

$(document).ready(function(){ 
    setTimeout(function(){ 
     $('div#overlay').fadeOut(); 
    }, 5000); 
}); 

Answer 4

Aunque estoy de acuerdo con @TheTXI, la mejor manera de hacerlo es tener el "cargando ..." pantalla visible por defecto el uso de CSS, y luego ocúltela una vez que todo esté cargado usando jQuery (en lugar de esperar durante un tiempo fijo).

Ver jQuery.load() ... Ejemplo:

$(document).ready(function(){ 
    $("body img:last").load($("#welcome-screen").fadeOut()); 
    }); 

Answer 5

solo para cualquier persona en el futuro que encuentre esto, encontré una solución más elegante que funciona.

http://www.jnorton.co.uk/blog/jquery-check-if-all-content-has-been-loaded

aquí es como lo he usado:

$(document).ready(function(){ 
    $(window).load(function() {$("#welcome").fadeOut('fast'); }) 
});