javascript Jquery 放大缩小

Jquery Zoom In Zoom Out

提问by Daerik Fisher

I'm trying to make a zoom in zoom out buttons that will zoom in and zoom out on a picture that is inside a div. The problem is when press the zoom in or zoom out the picture goes out from the div. I think I'm not doing it right.

我正在尝试制作放大缩小按钮，该按钮将放大和缩小 div 内的图片。问题是当按下放大或缩小时，图片会从 div 中消失。我觉得我做得不对。

image.height = image.height+50
image.width= image.height+50

I would be grateful if anyone could give me any tips or code examples.

如果有人能给我任何提示或代码示例，我将不胜感激。

回答by VIDesignz

Here is a simple setup...

这是一个简单的设置...

Check out this FIDDLE

看看这个小提琴

var imagesize = $('img').width();

$('.zoomout').on('click', function(){
    imagesize = imagesize - 5;
    $('img').width(imagesize);
});

$('.zoomin').on('click', function(){
    imagesize = imagesize + 5;
    $('img').width(imagesize);
});