[SOLUCIONADO] Preload via CSS no me está funcionando.

[Computer XTress]

Hola, que tal?

En mi sitio estoy haciendo un preload de imagenes via CSS, tengo una clase "preload" y luego varios ID por cada seccion en la que quiero hacer preload, les paso ejemplo de codigos... probe varias modificaciones y no me funciona, incluso utilizando paths completos y nada... el archivo CSS esta en la raiz.

Código:

/*** PRELOAD ****/
DIV.preload {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

DIV#pre_general {
	background-image:url("/img/background/arquitex-c.jpg");
	background-image:url("/img/muestras_riscatto.png");
	background-image:url("/img/muestras_pfino.png");
	background-image:url("/img/muestras_arquipro.png");
	background-image:url("/img/muestras_venecia.png");
}

En la HOME de mi web tengo esta DIV en la parte inferior del codigo:

Código:

<div class="preload" id="pre_general"></div>

Ya intente varias alteraciones sobre la misma tecnica, no se por que no la puedo hacer andar en esta ocacion...

Agradeceria comentarios,

Saludos!

[tomasbevi]

/*** PRELOAD ****/
.preload {
position: absolute;
overflow: hidden;
left: -9999px;
top: -9999px;
height: 1px;
width: 1px;
}

#pre_general {
background-image:url("/img/background/arquitex-c.jpg");
background-image:url("/img/muestras_riscatto.png");
background-image:url("/img/muestras_pfino.png");
background-image:url("/img/muestras_arquipro.png");
background-image:url("/img/muestras_venecia.png");
}

Buenas, probaste de esta manera?

[caricatos]

Hola:

La sintaxis no es correcta, ya que no se entrecomillan las url's; además solo puede haber una imagen en background, así que solo valdría la última linea (que machaca las anteriores).

Saludos

[pzin]

Si quieres usar varias imágenes de fondo, tienes que separar los valores por comas. Por ejemplo:

Código CSS:

background-image: url(/img/background/arquitex-c.jpg),
                  url(/img/muestras_riscatto.png),
                  url(/img/muestras_pfino.png),
                  url(/img/muestras_arquipro.png),
                  url(/img/muestras_venecia.png);
 

La indentación no es necesaria, es sólo por dejarlo visualmente más entendible y bonico.

Para el navegador del demonio, funciona desde su versión 9.

[Computer XTress]

Hola a todos, ante nada gracias por acudir!

El problema está resuelto y era justamente por que estaba cargando multiples imagenes en un mismo DIV. Aqui dejo un link a un articulo que lo explica muy brevemente:
http://perishablepress.com/preload-images-css3/

Dudo que el tema de entrecomillas tenga algo que ver, si bien ahora veo que en varios sitios de tutoriales tampoco las utilizan. Como programador me resulta muy muy raro referirme a un string sin entre-comillarlo, pero por las dudas adopté ya esta practica.

TOMAS: El indentado es 100% irrelevante, de hecho el interprete del script lee la secuencia de caracteres sin darle atencion a ese tipo de espaciados.

Un saludo y muchas gracias !!

[pzin]

Iniciado por Computer XTress

Dudo que el tema de entrecomillas tenga algo que ver, si bien ahora veo que en varios sitios de tutoriales tampoco las utilizan. Como programador me resulta muy muy raro referirme a un string sin entre-comillarlo, pero por las dudas adopté ya esta practica.

No es ni correcto ni incorrecto usarlas según la especificación son opcionales.

Yo no suele usar comillas ahí, me parece que es rizar el rizo ya habiendo parentesis.

Pero hay casos en los que hace falta usar las comillas, cuando aparecen caracteres extraños en la URL, o al menos escapar estos con la barra invertida. Aunque suelen ser casos extraños.