// 依赖jq 默认点击<img>标签就会放大，可根据自己情况修改
 
$(document).ready(function () {
    $("body").append("<!--放大图片-->\n" +
        "<div class=\"blackscreen\" style=\"display: none;display:none;    position:fixed;    top:0;    right:0;    bottom:0;    left:0;    background-color:#000000;    z-index:1000;\">\n" +
        "    <span class=\"fullscreenimg\" style='position:absolute;    top:0;    right:0;    bottom:0;    left:0;    background:center center no-repeat;    background-size:contain;'></span>\n" +
        "</div>");
});
 
$(function () {
 
// 放大图片
    $('img').on('click', function () {
        // console.log("放大");
        if (this.getattribute("src") != "url(\"null\") 0% 0% / 100% no-repeat") {
            $(".fullscreenimg").css("background-image", "url(\"" + this.getattribute("src") + "\")");
            $(".blackscreen").fadein(100);
        }
    });
 
// 关闭放大图片
    $(".blackscreen").on("click", function () {
        // console.log("关闭");
        $(".blackscreen").fadeout(100);
    });
 
});