//图片按比例缩放,可输入参数设定初始大小
function resizeimg(ImgD,iwidth,iheight) {
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
ImgD.style.cursor= "pointer"; //改变鼠标指针
ImgD.onclick = function() { window.open(this.src);} //点击打开大图片
if (navigator.userAgent.toLowerCase().indexOf("ie") > -1){
//判断浏览器,如果是IE
ImgD.title = "请使用鼠标滚轮缩放图片,点击图片可在新窗口打开";
ImgD.onmousewheel = function img_zoom() //滚轮缩放
{
var zoom = parseInt(this.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if (zoom> 0) this.style.zoom = zoom + "%";
return false;
}
} else { //如果不是IE
ImgD.title = "点击图片可在新窗口打开";
}
}
}
调用方法:
<img src ="" onload="javascript:resizeimg(this,800,600)">
分享到:
相关推荐
纯HTML+js实现鼠标滚轮动态调整缩放图片大小 演示效果: https://www.bilibili.com/video/BV1pS4y167wJ/
discuz鼠标滚轮缩放,鼠标拖动移动,非常方便使用 内置demo
可以根据比例对图片进行缩放,通过缩放图片的大小,并可对图片进行移动
C# 通过鼠标实现放大图片和移动图片,内附有源码和exe,实现鼠标滚轮放大和图片平移
vb 查看图片的源码,可以通过鼠标滚轮实现大小缩放
可根据鼠标位置滚动鼠标滚轮时自动调节图形位置且成比例缩放所绘制的图形; 类似AutoCAD等平面设计软件中滚轮的功能; 提供所有源代码,且每行程序注释得清清楚楚,可作为有类似需求开发的很好模板。
wpf 鼠标滚轮控制图片的放大与缩小,不错的例子
wpf通过鼠标滚轮控制图片缩放 通过鼠标来移动图片,也可以通过按钮来还原、放大、缩小、翻转图片,还有透明菜单栏,很有参考意义
主要介绍了js实现鼠标滚轮控制图片缩放效果的方法,涉及onmousewheel事件及javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
php按比例缩放图片 php按比例缩放图片 php按比例缩放图片
js图片缩放效果制作鼠标滚动图片等比例缩放代码
java 处理图片大小等比例缩放;图片裁剪;支持图片压缩不失真;支持图片添加水印;支持动态图的处理;支持自定义图片大小的转换 等 压缩包中内附使用说明
在WEB开发中,当指定图片的大小时,会使图片变形,用JS脚本实现图片的按比例缩放.
图片按比例缩放 js图片按比例缩放大小,无需CSS样式
VB程序窗口调整 控件按比例缩放代码,非常有用,让程序最大化后不那么难看了
jquery图片等比例缩放 jquery 图片等比例缩放 图片缩放
jquery 鼠标滚轮实现图片缩放
图片按比例缩放示例 内含详细代码
图片缩放 等比例缩放 图片等比例缩放 等比例缩放JS代码 JS代码 WEB网页制作。。
vb 用picturebox实现图片放大缩小鼠标拖放滚轮缩放 这个测试程序满足基本要求,如有更高的要求可61303072qq联系本人 (滚轮是需要按住ctrl键然后按鼠标滚轮就可以了。可以在代码里屏蔽ctrl键的判断)