我正在尝试通过两个缩放按钮(+)和(-)放大和缩小图像。问题是,当图像为全屏尺寸(宽度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)