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);
});