小编Dr.*_*ood的帖子

通过单击缩放按钮(Javascript)来放大和缩小图像

我正在尝试通过两个缩放按钮(+)和(-)放大和缩小图像。问题是,当图像为全屏尺寸(宽度100%)时,“放大”将停止。我需要将图像缩放到比屏幕尺寸大得多。只是想不出该怎么做。我是Java语言的初学者,所以我希望有人有动力来帮助我解决这个小问题。

我想知道是否有任何与缩放按钮一起使用的简单的放大/缩小/重置插件?图像抓取也将很酷。

再次感谢!

function zoomin(){
        var myImg = document.getElementById("map");
        var currWidth = myImg.clientWidth;
        if(currWidth == 2500) return false;
         else{
            myImg.style.width = (currWidth + 100) + "px";
        } 
    }
    function zoomout(){
        var myImg = document.getElementById("map");
        var currWidth = myImg.clientWidth;
        if(currWidth == 100) return false;
		 else{
            myImg.style.width = (currWidth - 100) + "px";
        }
    }
Run Code Online (Sandbox Code Playgroud)
*body {
  margin: 0;
}
#navbar {
	overflow: hidden;
	background-color: #099;
	position: fixed;
	top: 0;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}
#navbar a { …
Run Code Online (Sandbox Code Playgroud)

javascript css zoom image-zoom

5
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

image-zoom ×1

javascript ×1

zoom ×1