hola buen dia
necesito que los botones de esta lista
Código HTML:
Ver original <li><a href="inicio.html">Inicio
</a></li> <li><a href="historia.html" target="frame">Historia
</a></li> <li><a id="productos">Equipos de Frio
</a></li> <li><a href="revestimientos.html">Revestimiento Termico
</a></li> <li><a href="repuestos.html" target="frame">Repuestos A/A
</a></li> <li><a href="Contacts.html" target="frame">Contacto
</a></li>
carguen con jquery un html dentro de un frame(ejemplo: historia.html)
Código HTML:
Ver original<iframe name="frame" id="frame "src="inicio.html" width="100%" height="300" frameborder="0" scrolling="no" AllowTransparency> Su navegador no soporta frames
y antes de cargarlo ejecute esta funcion:
Código java:
Ver original$(document).ready(function(){
//eliminamos el scroll de la pagina
$("body").css({"overflow-y":"hidden"});
//guardamos en una variable el alto del que tiene tu browser que no es lo mismo que del DOM
var alto=$(window).height();
//agregamos en el body un div que sera que ocupe toda la pantalla y se muestra encima de todo
$("body").append("< div id="pre-load-web">< div id="imagen-load">< img src="http://www.climatizacionserper.com.ar/loading.gif" alt="" />Cargando productos...</ div></ div>");
//le damos el alto
$("#pre-load-web").css({height:alto+"px"});
//esta sera la capa que esta dento de la capa que muestra un gif
$("#imagen-load").css({"margin-top":(alto/2)-30+"px"});
})
$(window).load(function(){
$("#pre-load-web").fadeOut(1000,function() { //eliminamos la capa de precarga $(this).remove();
//permitimos scroll
$("body").css({"overflow-y":"auto"}); });
})
para poder hacer un preload.
si alguien me puede ayudar me harian un favor!!
el tema es que el html de inserta en el frame(que no ocupa toda la pantalla).. y el preload que se ejecuta tiene q cubrir toda la pantalla no solo el sector del frame
Me hago entender?