Re: [Ovillo] OT: Javascript para cargar imágenes m ostrándolas de una sola vez
Hola Tei,
Muchas gracias por tu aportación y por la de Sergio también, ambos Scripts
están muy interesantes.
Estoy de acuerdo con lo que cuentas de los navegadores y demás. Lo cierto es
que no le había dado nunca mucha importancia a este tema hasta que hice un
trabajo con un amigo que es diseñador gráfico, siempre mira todo al
milímetro pero no entiende mucho de Web, se le ocurrió a él proponérmelo.
Fue así como recurrí a la sabiduría de la lista y gracias a vosotros he
aprendiendo un poco más de este tema.
Muchas gracias otra vez.
Un saludo a todos,
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Tei
Enviado el: martes, 12 de febrero de 2008 17:06
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] OT: Javascript para cargar imágenes mostrándolas de una
sola vez
Tambien se puede poner asi (he movido de sitio las cosas por puro capricho).
function PreCarga(){
var len = document.images.length;
if (!len) return;
for (var i = 0; i < len; i ++){
if (!document.images[i].complete){
setTimeout("PreCarga()", 500);
return;
}
}
//cargadas
LO QUE QUIERES QUE HAGA
}
De todos modos, me da la sensación de que en muchos casos las paginas
se presentan tan pronto como estan "listas".
a) Pulsas en un enlace, e inmediatamente empieza a girar el simbolico
de firefox en el tab.
b) El navegador comienza a solicitar recursos. Pero sigues viendo la
pagina antigua.
c) En un momento dato, muestra la nueva pagina, pero sigue pidiendo el
resto de recursos. Se ve la pagina que faltan algunas imagenes.
d) Sigue solicitandose recursos, y cargando los que llegan, hasta
completarse la pagina.
Es decir, me da la sensación que el navegador ya esta haciendo algo
para suavizar la experiencia de navegar de una pagina a otra. Si tu
metes tu sistema. Habra dos sistemas de suavizar las cosas. Como dos
capitanes de barco, o dos cocineros...Cada uno con su definicion
distinta de "listo" o "suficientemente salado".
Microsoft ya intento en su dia invitarnos a usar "Page Transitions"
http://www.layoutgalaxy.com/frontpage2000/page.php4
Pero la sabiduria de los webmasters termino arrinconando esta opcion,
y hoy en dia ya esta olvidada. Para mi esto significa que esta
caracteristica ya fue sometida al jucio universal de los webmasters, y
rechazada como "una mala idea".
2008/2/12 Sergio el perezosso <[EMAIL PROTECTED]>:
> Hola Silvia.
>
> Lo mio no es el js pero hace un tiempo tuve la necesidad de precargar unas
> cuantas imágenes antes de mostrarlas y para controlar las imágenes
cargadas
> utilicé el siguiente script:
>
> function PreCarga(){
> imagenes = document.images;
> cargadas = true;
> for (var i = 0; i < imagenes.length; i ++)
> cargadas = cargadas & imagenes[i].complete;
> if (cargadas){
> LO QUE QUIERES QUE HAGA
> }
> else
> setTimeout("PreCarga()", 500);
> return true;
> }
>
>
> Espero que te oriente un poquito.
> salu2.
>
>
> El día 11/02/08, Silvia Caparrós <[EMAIL PROTECTED]> escribió:
>
> >
> > Ah!!
> > Vale, no te había entendido bien, fenomenal entonces. Voy a ver que tal
> > sale.
> > Gracias otra vez Carlos,
> >
> >
> > -Mensaje original-
> > De: [EMAIL PROTECTED] [mailto:
> > [EMAIL PROTECTED]
> > En nombre de carlos campderrós
> > Enviado el: lunes, 11 de febrero de 2008 17:24
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo] OT: Javascript para cargar imágenes mostrándolas de
> > una
> > sola vez
> >
> > 2008/2/11 Silvia Caparrós <[EMAIL PROTECTED]>:
> >
> > > Hola Carlos,
> > >
> > > Uf, por un lado es interesante lo que propones, pero por otro el hecho
> > de
> > > que exista la posibilidad de que no se vea nada dependiendo del
usuario,
> > > no
> > > me da confianza.
> >
> >
> > Creo que has interpretado mal mi advertencia... si lo haces tal cual te
> > puse
> > todos los usuarios verán el contenido de la página. Aquellos sin CSS,
> > verán
> > la página tal y como la verían normalmente (es decir, sin CSS). Aquellos
> > con
> > CSS y JS, apreciarán que la página se carga de golpe, tras un tiempo de
> > espera (que se carguen todas las imágenes y eso...). Y por último,
> > aquellos
> > con CSS pero no JS, verán la página como se va cargando poco a poco...
lo
> > habitual vamos.
> >
> >
> > Te agradezco mucho que me hayas ayudado,
> > >
> >
> > Para eso estamos.
> >
> > Saludos
> >
> > -
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http:
Re: [Ovillo] OT: Javascript para cargar imágenes m ostrándolas de una sola vez
Hola Silvia.
Lo mio no es el js pero hace un tiempo tuve la necesidad de precargar unas
cuantas imágenes antes de mostrarlas y para controlar las imágenes cargadas
utilicé el siguiente script:
function PreCarga(){
imagenes = document.images;
cargadas = true;
for (var i = 0; i < imagenes.length; i ++)
cargadas = cargadas & imagenes[i].complete;
if (cargadas){
LO QUE QUIERES QUE HAGA
}
else
setTimeout("PreCarga()", 500);
return true;
}
Espero que te oriente un poquito.
salu2.
El día 11/02/08, Silvia Caparrós <[EMAIL PROTECTED]> escribió:
>
> Ah!!
> Vale, no te había entendido bien, fenomenal entonces. Voy a ver que tal
> sale.
> Gracias otra vez Carlos,
>
>
> -Mensaje original-
> De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED]
> En nombre de carlos campderrós
> Enviado el: lunes, 11 de febrero de 2008 17:24
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] OT: Javascript para cargar imágenes mostrándolas de
> una
> sola vez
>
> 2008/2/11 Silvia Caparrós <[EMAIL PROTECTED]>:
>
> > Hola Carlos,
> >
> > Uf, por un lado es interesante lo que propones, pero por otro el hecho
> de
> > que exista la posibilidad de que no se vea nada dependiendo del usuario,
> > no
> > me da confianza.
>
>
> Creo que has interpretado mal mi advertencia... si lo haces tal cual te
> puse
> todos los usuarios verán el contenido de la página. Aquellos sin CSS,
> verán
> la página tal y como la verían normalmente (es decir, sin CSS). Aquellos
> con
> CSS y JS, apreciarán que la página se carga de golpe, tras un tiempo de
> espera (que se carguen todas las imágenes y eso...). Y por último,
> aquellos
> con CSS pero no JS, verán la página como se va cargando poco a poco... lo
> habitual vamos.
>
>
> Te agradezco mucho que me hayas ayudado,
> >
>
> Para eso estamos.
>
> Saludos
>
> --
> Si no puedes deslumbrar con tu sabiduría,
> desconcierta con tus gilipolleces
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Javascript para cargar imágenes m ostrándolas de una sola vez
Ah!! Vale, no te había entendido bien, fenomenal entonces. Voy a ver que tal sale. Gracias otra vez Carlos, -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de carlos campderrós Enviado el: lunes, 11 de febrero de 2008 17:24 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] OT: Javascript para cargar imágenes mostrándolas de una sola vez 2008/2/11 Silvia Caparrós <[EMAIL PROTECTED]>: > Hola Carlos, > > Uf, por un lado es interesante lo que propones, pero por otro el hecho de > que exista la posibilidad de que no se vea nada dependiendo del usuario, > no > me da confianza. Creo que has interpretado mal mi advertencia... si lo haces tal cual te puse todos los usuarios verán el contenido de la página. Aquellos sin CSS, verán la página tal y como la verían normalmente (es decir, sin CSS). Aquellos con CSS y JS, apreciarán que la página se carga de golpe, tras un tiempo de espera (que se carguen todas las imágenes y eso...). Y por último, aquellos con CSS pero no JS, verán la página como se va cargando poco a poco... lo habitual vamos. Te agradezco mucho que me hayas ayudado, > Para eso estamos. Saludos -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Javascript para cargar imágenes m ostrándolas de una sola vez
2008/2/11 Silvia Caparrós <[EMAIL PROTECTED]>: > Hola Carlos, > > Uf, por un lado es interesante lo que propones, pero por otro el hecho de > que exista la posibilidad de que no se vea nada dependiendo del usuario, > no > me da confianza. Creo que has interpretado mal mi advertencia... si lo haces tal cual te puse todos los usuarios verán el contenido de la página. Aquellos sin CSS, verán la página tal y como la verían normalmente (es decir, sin CSS). Aquellos con CSS y JS, apreciarán que la página se carga de golpe, tras un tiempo de espera (que se carguen todas las imágenes y eso...). Y por último, aquellos con CSS pero no JS, verán la página como se va cargando poco a poco... lo habitual vamos. Te agradezco mucho que me hayas ayudado, > Para eso estamos. Saludos -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Javascript para cargar imágenes m ostrándolas de una sola vez
Hola Carlos,
Uf, por un lado es interesante lo que propones, pero por otro el hecho de
que exista la posibilidad de que no se vea nada dependiendo del usuario, no
me da confianza.
Cómo bien piensas es por petición ajena intentar hacer esto. Así que a ver
si se me va ocurriendo otra cosa, o si no, pues sólo queda defender la
usabilidad por encima de todo como no podía ser menos ;)
Te agradezco mucho que me hayas ayudado,
Un saludo para todos los listeros,
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de carlos campderrós
Enviado el: lunes, 11 de febrero de 2008 15:50
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] OT: Javascript para cargar imágenes mostrándolas de una
sola vez
2008/2/11 Silvia Caparrós <[EMAIL PROTECTED]>:
> Hola a todos,
>
> hola silvia
>
> Sintiendo el OT, recurro a la lista porque estoy buscando un script que
> sirva para que se carguen las páginas con todas las imágenes de una sola
> vez. Como si hiciera una especie de preload y después se mostrase de golpe
> todo lo que se ha cargado en lugar de ir mostrando el contenido poco a
> poco
> según se va cargando.
>
window.onready = function() {
document.getElementsByTagName("body")[0].style.display
= "block";}
document.getElementsByTagName("body")[0].style.display = "none";
La idea... tan rápido como aparece el elemento body, con js lo ponemos a
display none, para que no se muestre nada (si pusieramos directamente
display: none con css sin javascript, aquellos usuarios con css pero sin js
no verian nada en la página). Y cuando se han cargado todas las imágenes y
demás (creo que es el window.onready, pero investiga un poco más si me he
equivocado), mostramos el body.
A mi personalmente me parece muy mala idea, pero supongo que tendrás alguna
razón para ello...
Saludos.
--
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Javascript para cargar imágenes m ostrándolas de una sola vez
2008/2/11 Silvia Caparrós <[EMAIL PROTECTED]>:
> Hola a todos,
>
> hola silvia
>
> Sintiendo el OT, recurro a la lista porque estoy buscando un script que
> sirva para que se carguen las páginas con todas las imágenes de una sola
> vez. Como si hiciera una especie de preload y después se mostrase de golpe
> todo lo que se ha cargado en lugar de ir mostrando el contenido poco a
> poco
> según se va cargando.
>
window.onready = function() {
document.getElementsByTagName("body")[0].style.display
= "block";}
document.getElementsByTagName("body")[0].style.display = "none";
La idea... tan rápido como aparece el elemento body, con js lo ponemos a
display none, para que no se muestre nada (si pusieramos directamente
display: none con css sin javascript, aquellos usuarios con css pero sin js
no verian nada en la página). Y cuando se han cargado todas las imágenes y
demás (creo que es el window.onready, pero investiga un poco más si me he
equivocado), mostramos el body.
A mi personalmente me parece muy mala idea, pero supongo que tendrás alguna
razón para ello...
Saludos.
--
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
