图片放大缩小(兼容火狐)

    //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);


      };

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

 

 

posted @ 2017-12-27 17:36  段伏英  阅读(552)  评论(0编辑  收藏  举报