Zoom para imágenes

saludos,

alguien sabe como lograr un zoom como este?

www.28sport.com
en la sección que dice: "variadísimos modelos..."
(por cierto... los zapatos son impresionantes)

asumo que la idea es ampliar la imagen (eso se como hacerlo) y que siga al mouse en dirección invertida... es decir, que cuando el cursor suba, la imagen baje.

eso lo se en teoría... pero no se como aplicarlo en AS.

necesito ayuda con esto... jejeje

el centro lo calculo así:

Código :

centrox= foto._width/2 
centroy= foto._height/2 

imaginemos que tengo la foto dentro de una máscara en donde:
tamaño de mascara = 50% del tamaño de la foto.
escala foto cargada inicialmente = 50% del tamaño de la foto.
zoom = 100% de la foto.

ahora, como hago para que la foto siga en dirección opuesta al mouse con un easing? y como logro definir un área para el movimiento del mouse?, es decir, que cuando este fuera de la foto, la misma no tenga ningún movimiento, esto para que no se salga de la máscara que tendría?

mira es una combinacion entre esto

http://www.cristalab.com/files/ejemplos/scrxp/scrxp.html

y esto

Código :

function redimensionar(x,y,ancho,alto, aceleracion) { 
    fondo.onEnterFrame = function() { 
        this._x += (x-this._x)/aceleracion; 
        this._y += (y-this._y)/aceleracion; 
        this._width += (ancho-this._width)/aceleracion; 
        this._height+= (alto-this._height)/aceleracion; 
        if (Math.abs(x-this._x)<0.5 && Math.abs(y-this._y)<0.5 && Math.abs(ancho-this._width)<0.5 && Math.abs(alto-this._height)<0.5) { 
            this._x = x; 
            this._y = y; 
            this._width = ancho; 
            this._height = alto; 
            delete this.onEnterFrame; 
        } 
    }; 
};

saludos

En este ejemplo yo uso una tecnica parecida, si quitas la mascara lo verás.

http://www.elecash.org/blog/descargas/lupa.zip

Cualquier duda posteala aqui y ya te la contesto.

Deu!!

La Lupita está chévere pero eso solo sobrepone una imagen grande en una pequeña.

Si pones un poquito de atención a la animación de esa página con un click acercas la foto y con el movimiento del mouse ves lo que tú quieres y con otro click alejas la foto.

Bueno, ya me hice un enredo tratando de usar la lupita y que también haga ese efecto de acercarse y alejarse....... ¡¿Cómo lo haría?!

Me ayudan plz.....

/4/e/$·")("·

bueno como se escriba tu nick

ya leiste mi post ?

Quita la imagen pequeña y verás que el movimiento que hace la grande es justamente ese que quieres tu.

No te lo doy todo hecho pero casi, solo te falta masticar.

¡¡Animo que tu puedes!!

Deu!!!

Gracias lo estoy intentando.

Me gustan los retos. cuando me salga publicaré el código y como lo hice.

Pero si no lo logro ....

X cierto, lo siento Fento, lo leí pero me concentré en el otro post, ahorita ya lo estoy analizando, gracias.

Fento, no he podido combinar tu ejemplo con el codigo que has puesto, podrías detallarlo mejor? Gracias

si

combinas el scroll de la imagen

con la funcion de aceleracion

Xaludos