c:foreach预览图片，点击查看大图

c:foreach中循环

<td class="center">
                                            <a href="javascript:void(0);" data-toggle="modal" data-target="#myModal" onclick="lookImg(${i.houPicture})">
                                                <img style="width: 80px;height: 35px;" src="http://图片地址/${i.houPicture}.jpg">
                                            </a>
                                        </td>

 

 

 

模态框

<div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content animated bounceInRight">
                        <button type="button" class="close" data-dismiss="modal" style="color: red;"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                        </button>
                        <div id="myimg" style="width: 600px;height: 500px;">
                        
                        </div>
                       
                </div>
            </div>   
       </div>

 

js

function lookImg(id) {
        
        var myimg = document.getElementById("myimg");
        
        myimg.innerHTML = "<img style='width: 100%;height: 100%;' src='图片路径"+id+".jpg'>"
        
    }