图片缩放（可多图层叠加、隐藏显示、拖动）

$(function(){
    var $wrap = $(".layer-wrap"), // 外层包围
        $img = $img = $("img",$wrap), // 图层
        imgX, imgY;
    $wrap.addClass("layer-img-done"); // 载入完成视觉
    // 显示隐藏图层
    $(".J_selImg").change(function(){
        var $t = $(this),
            $simg = $img.filter("[data-id=" + $t.val() + "]");
        $simg.css({display:( this.checked ? "block" : "none" )});
    });
    // 设置外层包围宽高
    $wrap.css({width:$img.css("width"),height:$img.css("height")});
    // 获取外层包围宽高，计算缩放比率和移动范围时用
    var wrapw = $wrap.width(),
        wraph = $wrap.height();
    // 缩放事件
    $wrap[0].onmousewheel = function(e){
        var type = e.type,
            w = $img.width(), // 此时图片宽度
            h = $img.height(), // 此时图片高度
            power = 600, // 每次缩放时宽度加减的数值
            x = e.clientX - $wrap.offset().left,