用jquery等比例控制图片宽高
2014-01-02 14:47
211 查看
$(function() { $(".dvcontent img").each(function() { var maxwidth = 520; if ($(this).width() > maxwidth) { var oldwidth = $(this).width(); var oldheight = $(this).height(); var newheight = maxwidth/oldwidth*oldheight; $(this).css({width:maxwidth+"px",height:newheight+"px",cursor:"pointer"}); $(this).attr("title","点击查看原图"); $(this).click(function(){window.open($(this).attr("src"))}); } }); });
相关文章推荐
- 用jquery等比例控制图片宽高的具体实现
- 用jquery等比例控制图片宽高的具体实现
- 控制图片比例、等比例控制图片最大宽高。
- 【js与jquery】js控制图片显示大小(图片等比例缩放)
- jquery控制图片按比例缩放
- Jquery控制图片宽度及高度 ,做到等比例缩放
- Jquery全屏图片自动切换插件,支持窗口变化图片大小等比例变化
- js 最完美解决 图片在图片框内按宽高比例自动缩放
- JQuery控制图片无缝滚动
- jQuery实现的鼠标滚轮控制图片缩放功能实例
- CSS实用代码:清除浮动、单行省略号、图片宽高比例、display兼容代码、三角形状
- JQuery控制图片由中心点逐渐放大效果
- javascript: 改变和控制显示的图片大小(保持比例,同时可限制高宽)
- jquery插件:图片上传按比例预览
- JavaScript等比例缩放图片控制超出范围的图片
- Jquery控制背景图片更换
- jQuery实现等比例缩放大图片
- jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
- 用jQuery实现图片预加载和等比例缩小,大图可以点击关闭
- jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果