图片放大缩小（兼容火狐）

　　　　//DOMMouseScroll forfix的鼠标滚轮事件,mousewheel常规滚轮事件
      //imgParent是图片父级元素，在图片父级上触发事件,避免鼠标不在图片上时无法放大/缩小
      imgParent.on('mousewheel DOMMouseScroll', zoomImg);

      function zoomImg(event) {
        var img = $(this).children('img');
        var event = event || window.event;
        event.preventDefault();
        //判断鼠标是向上滚动还是向下滚动
　　　　 //event.detail是forfix浏览器，向上滚动为-3，其他浏览器相反
var dir = (event.originalEvent.wheelDelta) > 0 || (event.detail < 0 ) ? 'Up' : 'Down';
        var width = img.css('width');
        var num =parseInt(width);//将宽度提取出来
        //if (dir == 'Up') {
         // num += num * .25;
         // img.css('width', num);//重新给宽度赋值
       // } else {
        //  num -= num / 4;
       //   img.css('width', num);
       // }

　　　　　　

         dir == 'Up' ? num += num * .25 : num -= num / 4;
         img.css('width', num);

      };

未经本人同意，请勿转载。如有错误之处,烦请不吝赐教！

 

 

转载于:https://www.cnblogs.com/duanfuying/p/8126893.html