Estoy queriendo que se oculte, ni bien carga la página, una imagen de tipo .gif que está dentro de un div. Pero no comprendo por qué se muestra dicha imagen, si yo estoy ocultando el div desde JQuery
de la siguiente forma ($("#carga").hide();
)
En HTML
lo tengo así dentro del body:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
...
<div id='carga'><img src="Imagenes/Carga2.gif" alt="Cargando artículo..."></div>
...
</body>
</html>
... y luego desde JQuery
lo oculto ni bien carga la página, pero esto no sucede. Siempre se muestra cuando se carga la página:
<script>
$().ready(function()
{
$("#carga").hide();
...
...
});
</script>
Además lo estoy ocultado en el load, no entiendo que pasa y porque me muestra dicha imagen. ¿Será que el <div id='carga'>
no puede ocultar otro objeto dentro suyo, en este caso de tipo img?
Nota: La imagen se muestra cuando se carga la página, pero desaparece a los pocos segundos, luego de terminar de cargar demás cosas de JQuery (botones, jQuery Autocomplete...). Aclarar también que la línea $("#carga").hide();
esta puesta al principio de todo en el $().ready(function(){...
.