Prototype Morph

[codify]

Hola,

Estoy creando una animación en javascript usando las librerias Prototype y tengo el siguiente problema:

Lo que quiero conseguir es: teniendo en pantalla una imagen de un círculo pequeño, al pasar por encima quiero que ese círculo se haga más grande pero conservando su eje central de coordenadas.

Uno de los problemas es que al pasar por encima crece pero hacia abajo a la derecha puesto que las coordenadas de la imagen son siempre arriba / izquierda.
Como podría conseguir que creciera centrada la imagen si que se desplace???

Cabe destacar que estoy trabajando con varias imágenes en pantalla que aparecen en coordenadas aleatorias por lo que no puedo usar valores exactos si no relativos.

...infinitas gracias a quien me pueda ayudar!!!...

[caricatos]

Tema movido desde javascript

[tredio]

eso pasa cuando animas algo con jquery, si cambias el width o height de un elemento este se agrandara a la derecha y hacia abajo respectivamente.

por lo tanto si quieres que se vea como si se estuviera agrandando y conservando su eje tambien debes moverlo hacia la izquierda y hacia arriba.

por ejemplo imagina que vas a agrandar la imagen 300px tanto en width como en height, entonces deberas moverlo a la izquierda y hacia arriba 150px, para hacer eso tienes que obtener las coordenadas actuales del elemento, puedes usar offset() y position(), puedes ver sus diferencias y usos en el API de JQuery.

aca te dejo una pagina que te pondria funcionar para entender esas funciones. http://www.desarrolloweb.com/articul...ss-jquery.html