Tengo una imagen de una pared, la imagen es grande y lo que quiero hacer es dar que la imagen se vea de tamaño compacto para que se vean, a la primera, todos los elementos de la pared, es decir la tele, cuadros etc. el efecto que quiero es que cuando uno hace clic sobre alguno de estos elementos -tele, cuadros etc- se haga un zoom in en el cual uno vea más grande (obviamente) el objeto seleccionado. supongo que como mi imagen es grande y con grandes detalles esto solo es con zoom; revisando un código que alguna vez alguien de este foro me recomendó, vi que dicho código puede ser lo que necesito, sin embargo mi pregunta nueva es: ¿como le ago para que este código solo se acerque una vez - porque ahora cada vez que se le da clic hace zoom- y que además cuando se acerque -es decir zoom- se cambien a una imagen la cual sea grande para que no se pixelee? y que una vez parada en esa imagen grande esta tenga un botón que mande a una página externa (es decir como le hago para pararla, porque supongo que ya parado el efecto solo es poner el botón)
el codigo que me pasaron es:
Código :
function zoom(x,y,ancho,alto, aceleracion) {
mapa.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;
}
};
se los agradesco
