Efecto transacciónes entre diferentes página htmls

[emprear]

El parpadeo se produce arriba en los laterales, y no se aprecia igual en todos los navegadores. Despues de recorrer los links del menú varias veces, ya no se aprecia, así que supongo que es tema de precargar las imágenes, tanto las del html como las que haya en el css

Si vas a utilizar jQuery para el efecto, podés aproveharlo para hacer una precarga.

En tu página index ponés en el head

<style>
div#precarga{
display:none;
}
</style>
y esta script

Código Javascript:

<script type="text/javascript">
//<![CDATA[
$.PrecargarContenido = function(){
for(var i = 0; i<arguments.length;i++){
$("#precarga").load(arguments[i])
}
}
//]]>
</script>
 

Acordate que tenés que tener la librería jQuery cargada antes

antes del cierre de la etiqueta body ponés esto (el div está oculto por el css del principio)

Código HTML:

<div id="precarga"><!-- precarga --></div>
<script type="text/javascript">
//<![CDATA[
$.PrecargarContenido(
'/competencia2011/css/josefin/JosefinSlab-SemiBold-webfont.ttf',
'/competencia2011/css/josefin/JosefinSlab-Bold-webfont.ttf',
'/competencia2011/img/santa.png',
'/competencia2011/img/sexy.png',
'/competencia2011/img/amianto.png',
'/competencia2011/img/cand.cur',
'/competencia2011/img/carro.png',
'/competencia2011/img/contorno-tierrafire.png',
'/competencia2011/img/est-h.png',
'/competencia2011/img/estrellas.png',
'/competencia2011/img/luna.png',
'/competencia2011/img/regalo.png',
'/competencia2011/img/renos.png',
'/competencia2011/img/smart.png',
'/competencia2011/precarga.txt'
);
//]]>
</script>
</body>
 

substituis los archivos por las rutas a los archivos que quieras precargar, como ves no solo funciona para imágenes.

Ejemplo
http://emprear.com.ar/competencia2011/
Como se ve utilizo esa página de introducción para cargar las imágens de la animación posterior (incluso las fuentes personalizadas)

Obviamente la página de inicio tarda un poco más en cargar, pero después la navegación es más fluida (ojo, tampoco hay que abusar "precargando" 10 MB de imágenes, flash. fuentes, etc)

Si esto no te soluciona el problema, entonces debe ser una cuestión de javascript, pero eso ya es mucho más dificil de detectar
SAludos