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