layer显示大图效果

界面需引用layer.js

HTML：
 <table>
                            <tr>
                                <td>
                                    <div class="divImage">
                                        <ul id="ULImage">
                                        <li><img style="margin-left:20px;margin-top:20px"   width="200" height="200" onclick="BigImage('" + data[i].AttachRowGuid + "','" + data[i].AttachFileName + "')"  src="<%=Request.ApplicationPath%>/TempFile/" + data[i].AttachRowGuid + "/" + data[i].AttachFileName + "\" title=\"" + data[i].AttachFileName + "\" alt=\"" + data[i].AttachFileName + "\" /></li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div id="bigDiv">
                                        <img id="bigImage" />
                                    </div>

                                </td>
                            </tr>
                        </table>

JS：
显示大图方法

 function BigImage(AttachRowGuid, imageName) {
            $("#bigImage").show();
            var imageUrl = "<%=Request.ApplicationPath%>/TempFile/" + AttachRowGuid + "/" + imageName;
            $("#bigImage").attr("src", imageUrl);
            layer.open({
                type: 1,
                title: false,
                closeBtn: 0,
                area: '516px',
                skin: 'layui-layer-nobg', //没有背景色
                shadeClose: true,
                content: $('#bigDiv')
            });

        }

，注：界面刚开始加载需隐藏大图图片

  $("#bigImage").hide();