04/10/2011, 10:46
| |||
| |||
| Carga div, con efecto tras cargar página Hola! Tengo <div class="fondo_wallpapers fondo_home"><img src="comun/fondo1.png" width="90%" /></div> y me gustaría que cuando se cargase la página, se abriera el contenido, tidi ello con display:none; y que jquery lo tramitase. Un saludo y gracias PD: He buscado en google y nada! |
|
05/10/2011, 13:36
| |||
| |||
| Respuesta: Carga div, con efecto tras cargar página Alguién me puede ayuadar? Gracias! Lo que quiero es tener un un fondo en un div. Y que al cargar la página, aparezca el fondo mediante fadeIn, o una transicción |
|
05/10/2011, 14:14
| |||
| |||
| Respuesta: Carga div, con efecto tras cargar página
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Incluimos el jquery-->
<script type="text/javascript" src="jquery.js"></script>
<title>Documento sin título</title>
<script type="text/javascript">
$(document).ready(function(){
$("#hola").fadeOut(1000);//fadeOut indica el desbanecimiento y 1000 el tiempo
});
</script>
<style type="text/css">
#hola{
background-color:#CCCCCC;
padding:10px 10px 10px 10px; }
</style>
</head>
<body>
<div id="hola">
<h1>Lorem ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget auctor massa. Donec at lectus urna, at fermentum lorem. Maecenas lectus urna, fermentum a adipiscing nec, pharetra vel odio. Nulla sit amet enim at mi pulvinar rhoncus. Proin eleifend mauris in lectus feugiat aliquet. Nullam sit amet mauris quis sem sagittis faucibus a ut nisi. Vestibulum facilisis tincidunt urna, eget porttitor odio elementum in. Quisque accumsan augue quis risus faucibus vel euismod neque hendrerit. Vivamus blandit viverra mauris ut ullamcorper. Nulla facilisi. Nulla sit amet condimentum ligula. Mauris quis magna nibh, et auctor quam.</p>
<p>
Etiam blandit congue eleifend. Suspendisse diam elit, dictum id mollis id, vestibulum ut ipsum. Morbi porta, turpis eget suscipit tempus, odio felis consectetur lorem, non iaculis lorem nibh in dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis magna ante, congue in placerat ac, scelerisque eget lorem. Pellentesque ante est, varius a vulputate vel, egestas at diam. Cras eget dolor quam, et laoreet purus. Quisque at tempor risus. Vivamus iaculis, urna ultricies faucibus tincidunt, risus justo rutrum purus, id mattis enim orci sed lorem. Etiam ut augue vel leo aliquam sodales vel nec urna. Duis dignissim odio dolor, quis iaculis nisl.</p>
</div>
</body>
</html>
|
|
05/10/2011, 14:29
| |||
| |||
| Respuesta: Carga div, con efecto tras cargar página Hola! Gracias por contestar, pero no me funciona. Pego css y html (Se aplica fadeIn a los dos) Código HTML: .fondo_wallpapers { width:100%; height:100%; overflow:hidden; float:left; position:absolute; z-index:0; display:none; }
.imagen_fondo { width:100%; height:100%; overflow:hidden; float:left; position:absolute; z-index:10; display:none; }
<div class="imagen_fondo"><img src="comun/fondo1.png" /></div>
<div class="fondo_wallpapers fondo_gris" id="fondo"></div> |
| Etiquetas: |
