Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery放大缩小_Javascript_Jquery_Html_Css_Jquery Plugins - Fatal编程技术网

Javascript Jquery放大缩小

Javascript Jquery放大缩小,javascript,jquery,html,css,jquery-plugins,Javascript,Jquery,Html,Css,Jquery Plugins,我正在尝试制作一个放大或缩小按钮,可以放大或缩小div中的图片。问题是当按下放大或缩小按钮时,图片会从div中消失。我认为我做得不对 image.height = image.height+50 image.width= image.height+50 如果有人能给我一些提示或代码示例,我将不胜感激。这里是一个简单的设置 看看这个 var imagesize = $('img').width(); $('.zoomout').on('click', function(){ image

我正在尝试制作一个放大或缩小按钮,可以放大或缩小div中的图片。问题是当按下放大或缩小按钮时,图片会从div中消失。我认为我做得不对

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

如果有人能给我一些提示或代码示例,我将不胜感激。

这里是一个简单的设置

看看这个

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

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

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