¿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.Bienvenido Cargando ... Página con Jquery
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.
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.
Este es un requisito específico ya que no estoy dirigido al público en general . Es una aplicación de Intranet ERP y necesita mostrar advertencias de seguridad, mensajes de aplicación. Personalmente odio cargar mensajes. Pero nunca se sabe cuándo lo requiere de acuerdo con los requisitos del negocio. – Sumanta
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);
});
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());
});
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'); })
});
Por qué "cinco segundos" y no "hasta que la página principal se ha cargado"? – Quentin
5 segundos para cargar una página ... esto es mucho para una página de bienvenida, excepto si tiene un cliente que usa el módem 14.4k :). – Nordes
Sería bueno enviar una cookie al usuario para mantener esta ventana imprescindible pero molesta cerrada/oculta la próxima vez que la ventana se actualice, vuelva a cargar ... :) –