Buenas!
Yo tengo un codigo Javascript, hecho por un compañero de este foro, para que muestre una capa, y a los 7 segundos, esta se oculte,y muestre la otra capa, el codigo va perfectamente, lo pongo a continuación:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Preload de juego</title>
<script type="text/javascript" src="js/ocultador.js"></script>
<script type="text/javascript" src="js/embedFlash.js"></script>
<link rel="stylesheet" type="text/css" href="css/estilo.css" />
</head>
<body onload="ocultacion();">
<div id="preload">
<div>
<div class="centrado">
<p><img alt="" src="images/loading.gif" width="220" height="19" /></p>
<p>Por favor, espere 7 segundos</p>
<div id="degra"><br /><a href="javascript:closeit()">Click para no esperar</a>
<p class="subir">
<script type="text/javascript"><!--
google_ad_client = "XXXXXXXXXXx";
/* XXXXXX, creado XXXXXXXXXXXX*/
google_ad_slot = "XXXXXXXX";
google_ad_width = XXX;
google_ad_height = XXX;
//-->
</script>
<script type="text/javascript"
src="XXXXXXXXX">
</script>
</p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/preload.js"></script> <!-- este es el sitio para este javascript -->
<div id="principal"> <!-- contenido de la página -->
<div id="fondo"><p class="titulo">¿ Mi juego favorito ?</p></div>
<div id="portajuego">
<script type="text/javascript">
embedFlash("juegos/strikerrun.swf",600,375,"movie","","wmode","opaque");
</script>
</div>
<p class="firma">Deirdre para Foros del Web</p>
</div>
</body>
</html>
El caso es que la capa se oculta perfectamente, pero ahora cuando he añadido la publicidad de Adsense, esta publicidad en cambio, no se oculta, y se sigue mostrando el la siguiente capa, os dejo una foto, para aclarar lo que me pasa:
Esta es la segunda capa, y
como veis, el cuadro de publicidad esta encima de todo el contenido del otro DIV, nose porque se sigue mostrando, si la otra capa se oculta a la perfección, por ejemplo si hay una imagen, no hay ningun problema.
Os dejo el CSS y el JS tambien:
EL CSS:
Código:
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #21532E;
}
a {
color: #fff;
text-decoration: none;
}
#preload {
position: absolute;
width: 100%;
height: 100%;
padding: 0;
background-color: #21532e;
visibility: hidden;
z-index: 100;
cursor: default;
}
.centrado {
width: 100%;
text-align: center;
margin-top: 10px;
color: #fff;
}
#principal {
width: 100%;
overflow: hidden;
}
#fondo {
width: 958px;
height: 202px;
margin: 0 auto;
margin-top: 10px;
background-image: url('../images/paisaje.jpg');
border: 1px solid #9f9;
text-align: center;
}
#portajuego {
width: 600px;
height: 375px;
margin: 0 auto;
position: relative;
top: -30px;
border: 1px solid #cfc;
}
.titulo {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
letter-spacing: 1px;
color: #fff;
text-align: center;
margin-top: 130px;
}
hr {
margin: 0 20px 0 20px;
padding: 0;
}
.firma{
width: 300px;
margin: 0 auto;
text-align: center;
font-size: 9px;
position: relative;
top: -20px;
color: #e6e6e6;
}
#degra {
height: 150px;
margin: 0 20px 0 20px;
padding: 0;
background-image: url('../images/degra.png');
background-repeat: repeat-x;
border-top: 1px solid #fff;
}
img {
border: 1px solid #99FF99;
}
.subir {
margin-top: 10px;
}
JS Preload:
Código:
var once_per_browser=1
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ns4)
crossobj=document.layers.preload
else if (ie4||ns6)
crossobj=ns6? document.getElementById("preload") : document.all.preload
function closeit(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
crossobj.visibility="hide"
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function showornot(){
if (get_cookie('postdisplay')==''){
showit()
document.cookie="postdisplay=yes"
}
}
function showit(){
if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
crossobj.visibility="show"
}
if (once_per_browser)
showornot()
else
showit()
// -->
Ocultador.js:
Código:
<!--
var tempo=0;
function ocultar()
{
var subMenu = document.getElementById('preload');
subMenu.style.visibility = 'hidden';
}
function ocultacion()
{
tempo=setTimeout("ocultar();",7000);
}
// -->
Muchas gracias a todos, haber si me podeis ayudar.