Buenas, estoy haciendo una cosilla en javascript en la que estoy atascado, por no saber las suficientes matematicas.
Tengo una capa. En ella tengo varias secciones. Quiero que cuando se pase el raton por encima esta se aga mas grande poco a poco pero con efecto aceleracion.
Bien la capa dependiendo de las secciones tiene mas o menos altura.
Ejem:
Si tiene 4 secciones la capa mide 100px de altura
Si tiene 2 secciones la capa mide 60px
Si tiene 6 secciones la capa mide 140px
El efecto de que crezca la capa con javascript ya lo he conseguido, lo que pasa que tengo que poner la velocidad a mano para que haga bien el efecto aceleracion.
Lo que estoy haciendo hasta el momento es:
altototal=120; //alto de la capa que tiene con 5 secciones
velocidad=6; //es lo que se va a incrementar
//primero cogi una medida que es 100px que son 4 secciones
//y con aceleracion 9.7 me funcionaba bien el efecto
//asi que hago una regla de tres simple
aceleracion=(9.7*altototal)/100;
velocidad*=aceleracion; //incremento la aceleracion para que el numero vaya siendo mas pequeño
alto=altonow+velocidad; //donde altonow es el alto que tiene actualmente la capa, a eso le añado la velocidad que la he calculado antes
Para que veais lo que estoy haciendo:
con 4 secciones -> http://www.galaxys.net/inmoserr/cosas/4.htm
con 8 secciones -> http://www.galaxys.net/inmoserr/cosas/8.htm
Con la regla de tres se supone que deberia hacerlo bien, pero si os fijais en el de 8 la velocidad no llega a ser meno de 0, lo cual hace que el efecto no se consiga del todo.
NOTA: Dependiendo del navegador los valores son diferentes. Hablo de IE no mozilla
Espero que me hayais entendido porque es algo dificil de esplicar tmb. Sorry por el tocho xD