昨天在完善自己写的小demo的时候遇到一个需求,我需要在表格内其中的一列显示多张图片,对前端经验很少的我开始犯难,后来找了几篇大佬的博客,自己琢磨了一会,捣鼓出了一个还算可以的显示方式
可以完成的一些功能
1.点击后弹出层显示
2.自动绑定点击事件,绑定显示图片路径
3.点击其余部位消失
先看下html的代码
<body>
<div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
<div id="innerdiv" style="position:absolute;" class="">
<img id="bigimg" style="border:5px solid #fff;" src="" />
</div>
</div>
<div class="row">
<div class="col-md-8">
<table class="table table-hover">
<tr>
<th>序号</th>
<th><