[JQuery] 마우스 스크롤 이미지 확대 축소

wheelzoom.js

JQuery 마우스 이미지 확대 축소

오픈소스 WheelZoom JQuery 활용 

기존소스 : http://www.jacklmoore.com/wheelzoom/

본 소스는 div안 이미지 사이즈에 맞게 이미지가 확대 / 축소가 되어서 div 크기에 가득차게 수정

$('img').wheelzoom(); // 이미지에 줌 이벤트 설정

updateBgStyle() , bgPosX = offsetX - (bgWidth*0.1 * bgRatioX); 수정

첨부파일 내부 .img_view 는 div name임

예시

기존소스로만 돌리면 첫 이미지 크기에서만 확대 / 축소가 되어 수정하였습니다.