javascript - jQuery 放大缩小

Question

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

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

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

Answer 1

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

看看这个小提琴

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

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

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