Movimiento controlado

[salbatore]

Hola, foreros:

¿Como puedo hacer que un div de 500px cambie de tamaño a 0px poco a poco, es decir, por ejemplo en un intervalo de 10segundos?

He mirado algunos scripts por Google pero todos son super complejos. No estoy seguro, pero creo que se hace con:

Código PHP:

  window.setTimeout("miminizar();",10)  
   

Me ayudais?

[jseros]

Hola salbatore, te dejo un código que derkenuke posteó alguna vez. Esta explicado muy claramente y además de dejo la dirección del post donde lo publicó. Es el trabajan con left y top, pero funciona igual con width y height. es solo cambiar las propiedades.

Leelo detenidamente y encontraras la respuesta.

http://www.forosdelweb.com/f13/movim...agonal-587210/

Saludos

[salbatore]

Hola, jseros:

Muchas gracias por el link!, me ha servido perfectamente... jeje... ahora mi pregunta es... jeje:

¿Como puedo hacer para que ralentize poco a poco, es decir, ahora he conseguido que el div pase de 500px a 100px, pero lo hace con una velocidad constante, lo que quiero ahora es que disminulla su velocidad cuando mas pequeña sea su anchura...

¿Sabes como se hace?

[JavierB]

Hola salbatore

En la línea:

setTimeout("move...,10);

ve cambiando el valor que te he puesto en rojo. Eso es lo que indica el tiempo, en milisegundo, que tarda en ejecutarse la función.

Saludos,

[salbatore]

Hola de nuevo...

Ya he adecuado la funcion para mi gusto, el problema que tengo es el siguiente:

La funcion se activa siempre que cambie la anchura del navegador, ese es el problema que quiero que mientras esta ejecutada la funcion mostrarcito no pueda ser vuelta a llamar.

Código PHP:

  function mostrarcito(elId, x1, golpesTotales, golpeActual)  
    {  
            var obj = document.getElementById(elId);  
            if( !golpeActual )  
            golpeActual = 1;  
                obj.style.width = 0 + Math.round(((x1)/golpesTotales)*golpeActual) +"px";  
               golpeActual++;  
            if( golpeActual <= golpesTotales )  
                   setTimeout("mostrarcito('"+elId+"', "+x1+", "+golpesTotales+", "+golpeActual+")",10);  
    } 
 
window.onresize = function() { mostrarcito('mover', 37, 300) };  
   

¿Como puedo hacer que mientras este ejecutada la funcion mostrarcito este activa el evento window.onresize este desactivado?

[buzu]

puedes poner una variable la cual estableces como true cuando empieces el efecto y se queda en true hasta que el efecto termine. Luego antes de la llamada al efecto chequeas que la función no esté en true. Si está en true no sigues adelante con el efecto.