css expression 图片自动缩放
我们判断图片超过设置大小时就会自动缩放到指定大小的expression起到关键作用。
<style>
.image {
max-width:600px;height:auto;cursor:pointer;
border:1px dashed #4e6973;padding: 3px;
zoom:expression( function(elm) {
if (elm.width>560) {
var oldvw = elm.width; elm.width=560;
elm.height = elm.height*(560 /oldvw);
}
elm.style.zoom = '1';
}(this));
}
</style><img src="test.jpg" width="990" height="2000" border="0" alt="" class="image">
当一张图片超过指定宽度时,则会进行自动缩放显示。
您可能感兴趣的文章:
css expression 图片自动缩放
css图片按比例缩放实现程序
js结合css实现图片自动等比例缩小且垂直居中的代码
jquery中加载图片自适应大小主要实现代码
CSS Expression讲解
jquery加载图片自适应大小的代码
CSS控制图片等比例缩放
jQuery实现等比例缩放大图片让大图片自适应页面布局
四款css 图片按比例缩放实例(兼容ie6,7,firefox)
js等比例缩放图片的实现方法