jQuery 滚动鼠标中键图片自动改变大小(统一控制)
今天维护一个项目,需要对内容里的图片通过图片中间控制大小。由于是以前完成的,客户之前也没有提出要求,所以对已经添加后的数据没办法在一个个地在图片上加函数。网上查找了一下控制中键的资料,终于找到解决办法了!关于图片一个个控制的JS就不发了,网上一大堆,下面发一个统一控制的代码。
<script type="text/javascript">
$(function(){
function bbimg(o) {
var zoom=parseInt(o.style.zoom , 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
$('.article-content img').each(function(){
this.onmousewheel = function(){
return bbimg(this);
}
});
});
</script>