Ventana al cargar la página.

abuitrago81 · #1 (**permalink**) 24/06/2012, 11:22

Hola, tengo una web que tiene que cargar unas fotos y tarda unos 10 segundos en cargarse del todo.
Sabeis si se puede crear una ventana que salga x encima que ponga por ejemplo (Loading...) y que a los 10 segundos se cierre?? Y que mientras tanto la página se siga cargando, de modo que cuando se entre a la página ya esté toda cargada.

No sé si con alguna ventana modal de esas de jQuery se podrá, alguno tiene alguna idea para conseguirlo??

Graciasy un saludo!!

Panino5001 · #2 (**permalink**) 24/06/2012, 11:36

Fijate si te sirve:

Código:

http://www.forosdelweb.com/wiki/Javascript:_%C2%BFC%C3%B3mo_hacer_una_precarga_viendo_el_porcentaje_de_carga%3F

(Pongo la url de esta manera porque el bbCode anda como el traste).

abuitrago81 · #3 (**permalink**) 24/06/2012, 11:44

He encontrado ya una forma de hacer que salga una ventana en el onload y que cuando se termine de cargar se cierre, pero claro sale una ventana típica de windows, cn su barra azul y demás arriba.
Con esta funcion:

Código Javascript:

Ver original<script>
            var cargando;
            var pagina='images/loading.gif'
            var ancho=90;
            var alto=90;
            
            cargando = window.open(pagina,'cargando','left='+(screen.width-ancho)/2+', top='+(screen.height-alto)/2);
        
        </script>

Código HTML:

Ver original<body onload="cargando.close()">

Habría alguna forma de cambiar esa ventana típica por una cosa más curiosa, estilo a las que se crean con los lightbox de jquery ??

abuitrago81 · #4 (**permalink**) 24/06/2012, 12:01

He visto por internet el Fancybox y así he visto que aparece una ventana al cargar la página:

Código Javascript:

Ver originaljQuery(document).ready(function() {
            $.fancybox(
                '<h2>Hi!</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque</p>',
                {
                    'autoDimensions'    : false,
                    'width'             : 350,
                    'height'            : 'auto',
                    'transitionIn'      : 'none',
                    'transitionOut' : 'none',
                    
                }
            );      
        });

Cómo hago para que a los 10 segundos se quite sola, sin tener que hacer ningún clic ??