Hacer desaparecer div

Gabiboss · #1 (**permalink**) 19/07/2011, 11:58

Estoy intentando hacer que al entrar un mi pagina hay un div que ocupe toda esta con una imagen y que a los 5 segundos este div con su imagen desaparezcan...

Tras leer bastante este es el código que tengo pero no funciona:

<div id="apDiv16"><img src="images/untitled.jpg" width="1025" height="766" /></div>
<script type="text/javascript">
$(document).ready(function (){
$("#apDiv16").delay(5000).fadeOut("slow");
});
</script>

Diganme que está mal o si tengo que hacerlo de otra forma.

Gracias de antemano.

zerokilled · #2 (**permalink**) 19/07/2011, 12:14

buenas,
¿qué opinas que aún te hace falta? a decir verdad, yo de jquery nada. pero sospecho que te hace falta cargar la libreria a tu código.

nota: para futuros casos, existe el foro de framework js.

Gabiboss · #3 (**permalink**) 19/07/2011, 12:29

Gracias.

Preguntare donde me dices.

zerokilled · #4 (**permalink**) 19/07/2011, 12:40

el tema fue movido a la sección correcta... continua el tema aquí mismo.

Gabiboss · #5 (**permalink**) 19/07/2011, 14:04

Pues eso a ver si alguien me puede exar una mano con este tema...

Gracias

ceSharp · #6 (**permalink**) 20/07/2011, 01:00

hola gabiboss,

como bien dice Zerokilled, necesitas la librería que hace funcionar el jquery, si no, no sabe donde buscar esos métodos.

tendrás que hacer dos cosas:

bajarte la librería adecuada y actualizada de jQuery. aquí la tienes:
http://docs.jquery.com/Downloading_j...ownload_jQuery

y lo segundo, tienes que apuntar a esta libreria (que no es más que un archivo .js) dentro de tu proyecto:

Código Javascript:

Ver original<script type="text/javascript" src="js/jquery.js"></script>

yo, por ejemplo, lo tengo en una carpeta llamada js, dentro de mi proyecto, por eso apunto ahí.

saludos.

Gabiboss · #7 (**permalink**) 20/07/2011, 12:16

Muchas gracias cesharp, creo que hice bien lo que me dijiste pero no me funciona, dejo todo el codigo para ver lo que esta mal:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">

#apDiv3 {
position:absolute;
left:102px;
top:105px;
width:128px;
height:106px;
z-index:3;
}
</style>
</head>

<body>
<div id="apDiv3"><img src="http://www.forosdelweb.com/f127/Miguel/Logo-dicar.png" width="192" height="142" /></div>
<script type="text/javascript" src="js/jquery.js">
$(document).ready(function(){
$("#apDiv3").delay(5000).fadeOut("slow");
});

</body>
</html>

ceSharp · #8 (**permalink**) 21/07/2011, 00:03

vale,
si tu archivo jQuery.js está en la carpeta js entonces debe de funcionar.

lo que te falla seguro es que apuntas al archivo jquery.js en el mismo sitio que aplicas el código. es decir, debes de dejarlo así:

Código Javascript:

Ver original<script type="text/javascript" src="js/jquery.js"></script>
   <script type="text/javascript">
$(document).ready(function(){
$("#apDiv3").delay(5000).fadeOut("slow");
});
</script>

y si puedes meter todo esto entre las etiquetas <head></head> mejor que mejor, más organizado principalmente. la ejecución al inicio la va a hacer de la misma manera, pues $(document).ready es quien hace que se ejecute al inicio (por lo que tengo entendido, que de jquery sé lo justo para pasar el día, jejejeje)

saludos

Gabiboss · #9 (**permalink**) 21/07/2011, 11:48

Muchas gracias tio, ya funciona pensaba que nunca lo haria.. jaja xD

Eres un crack. Gracias de nuevo por enseñarme y por tu paciencia.