Ayuda con "intro" antes de visualizar paginas

Citar

Escrito el 13 Jul 2011 08:05 pm

El caso es que he visto en esta pagina, que esta totalmente hecha en flash, www.dicarcono.com que cuando se cambia de menu, ( por ejemplo si le dan a productos ), antes de salir el apartado de la pagina aparece la imagen de uno de sus productos con un efecto destello o algo asi, lo del efecto lo he conseguido hacer en flash lo que no se me ocurre como es utilizar esto cuando en mi pagina que esta hecha en html quiera cambiar de un menu a otro..

Haber si alguien me hace ver el camino porque soy muy zoquete jaja

Gracias de antemano.

Por Gabiboss

7 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 14 Jul 2011 04:21 pm

No se si te he entendido bien, pero creo que lo que deberias hacer es que cuando termine la animacion en flash esta se rediriga a la pagina html agregando el codigo en action script

navigateToURL(new URLRequest("pagina"),"");

Por gustavo1976

24 de clabLevel

Envíale un mensaje privado Web

@amdisenoweb

Citar

Escrito el 14 Jul 2011 10:05 pm

Jeje, muxas gracias por responder, mi intención es si estoy en el apartado productos por ejemplo y quiero ir al apartado contacta, que al clikar en contacta entre la pagina en la que estoy y a la que quiero ir aparezca una foto con este efecto o algo parecido...

Según lo que me dices, si estoy en el apartado productos y clikeo en contacta, habrá un div con una animación flash y esta cuando acabe redirija a la pagina contacta????

Si es así la idea es genial, lo que no se hacer es que mientras navego por la pagina productos el div que vaya aparecer al clikar en productos con la animación flash este oculto...

Por Gabiboss

7 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 15 Jul 2011 01:51 pm

Si lo que quieres es ocultar un div en css puedes poner al div la propiedad
display:none;

Para lo que dices de la animacion, por ejemplo cuando pinchas en contacta, si tienes la animacion dentro del div la dejas que se ejecute y ocultas el div pasados x segundos (el div deberia estar tapando toda la pagina)

$(document).ready(function(){
$("#id_div").delay(x*1000).fadeOut("slow");
});

Otra opcion seria que al pinchar en el boton contacta te habra una pagina intermedia con la animacion y cuando acabe se vaya a contacta. Es una forma mas sencilla aunque a lo mejor algo "chapucera"

Por gustavo1976

24 de clabLevel

Envíale un mensaje privado Web

@amdisenoweb

Citar

Escrito el 17 Jul 2011 03:53 pm

Muchas gracias por contestar, aunque creo q sigo necesitando ayuda soy un novato torpe jeje,
este es el codigo que tengo para este div, que quiero ocultar. Por favor decidme todo lo que esta mal q debe de ser bastante,

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

Por Gabiboss

7 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 18 Jul 2011 02:28 pm

deberias poner en la x*1 el tiempo en milisegundos. 1 seg=1000 5 seg=5000

<div id="apDiv16"><img src=........./></div>

<script type="text/javascript">

$(document).ready(function (){
$("#apDiv16").delay(5000).fadeOut("slow");
});

Por gustavo1976

24 de clabLevel

Envíale un mensaje privado Web

@amdisenoweb

Citar

Escrito el 19 Jul 2011 05:39 pm

Gracias por la ayuda. Pero no se porque no me funciona, no desaparece el div con la imagen así tengo el código:

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

Por Gabiboss

7 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 20 Jul 2011 07:19 am

a mi sin las dos lineas de swfobject.... si que me funciona prueba a ver quitandolas o poniendolas al final o en otro script detras.

Por gustavo1976

24 de clabLevel

Envíale un mensaje privado Web

@amdisenoweb

Citar

Escrito el 20 Jul 2011 06:17 pm

Muchas gracias gustavo por tu interes, hago lo que me dices pero no me funciona, Dejo codigo entero a ver si detectas q pasa:

<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="../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>

Por Gabiboss

7 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 21 Jul 2011 09:32 am

A primera vista no tienes cerrado el script, de todas formas, yo por encima del head pondria la llamada a jquery, donde lo tienes tu no funciona:

Código :

<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
</head>

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

Yo he puesto jquery-1.4.4.min.js porque es como se llama mi archivo, comprueba el nombre de ese archivo.

Por gustavo1976

24 de clabLevel

Envíale un mensaje privado Web

@amdisenoweb

Ayuda con "intro" antes de visualizar paginas

Escribe una respuesta rapida