页面图片点击后的显示效果

{    field: "filepath1",

    title: "整改前图片",

    sortable: false,

    width: 135,

    align: 'center',

    headalign: 'center',

    formatter: function formatterdate(val, row) {

        var s = "";

        if (val) {

            var pathArr = val.split(",");

            for (var i = 0; i < pathArr.length; i++) {

                if (pathArr[i]) {

                    var k = zh(pathArr[i]);

                    s = s + '<img width="20px" height="20px" src="' + k + '" onclick="sybig(this)" />';

                }

            }

        }

        return s;

    }

}

<script type="text/javascript">

//获取到图片路径

function zh(o) {

    var s = o.substring(o.lastIndexOf("."));

    var d = o.substring(0, o.lastIndexOf("_"));

    var k = d + "_min" + s;

    return k;

}

//点击内容事件（放大在当前页面的一个放大镜效果）

function sybig(obj) {

    var o = obj.src;

    var s = o.substring(o.lastIndexOf("."));

    var d = o.substring(0, o.lastIndexOf("_"));

    var k = d + "_sy" + s;

    layer.open({

        zIndex: 1,

        type: 1,

        area: ['300px', '300px'],

        title: false,

        closeBtn: 0,

        skin: 'layui-layer-nobg',

        //没有背景色

        shadeClose: true,

        content: '<img width="300px"   height="300px" src="' + k + '" onclick="ytbig(this)"/>',

    });

}

//点击放大后图片的效果（跳转到另一个页面大图显示）

    function ytbig(obj) {

        var o = obj.src;

        var s = o.substring(o.lastIndexOf("."));

        var d = o.substring(0, o.lastIndexOf("_"));

        var k = d + "_yt" + s;

        window.open(k);

    }

</script>