jq点击小图 弹出大图（更新版）

$(function(){
    $(".fj1-consult").on("click",function(){
        //设置弹框中图片的路径
        $(".layer_con img").attr("src","images/dx03.png");
        layer($(this));
    });
    function layer(small){
        $(".layer_con img").on("load",function(){
            var $con=$(".layer_con").height()+30;
            $(".layer_bg").css({"display":"block"});
            var $winH=$(window).height();
            if($con > $winH){
                $(".layer_con").css({"height":$winH,"display":"block","top":"0","margin-top":"0"});
            }else{
                $(".layer_con").css({"display":"block","top":"50%","margin-top":-$con/2});
            }
        })
    }
    $(".close").on("click",function(){
        $(this).parents(".layer_con").css("display","none");
        $(".layer_bg").css("display","none");
    });
}) 

<div class="layer_bg card-layerBg"></div>
<div class="layer_con card-layerCon">
    <div class="layer_main card-layerM">
        <img  src=""/>
    </div>
    <div class="close">x</div>
</div>

View Code