向模态框标签传递src值,显示照片

最近在做毕设的时候遇到一个问题,困扰了很久:如何向模态框传递img的路径,以在模态框显示照片。
其他信息可通过设置input的id,通过javascript设置value值,但是img不能通过这样的方法实现。
终于,今天看到一篇用模态框实现点击放大图片的博文,找到了方法!记录一下。

JSP页面(显示session中获取到的用户信息):


                        
编号 昵称 姓名 性别 出生年月 入职日期 联系电话 操作
${id} ${username} ${name} ${sex} ${birthday} ${entrytime} ${phone} 查看 编辑 注销
通过点击按钮,触发模态框,在模态框显示该用户的详细信息。 
 查看

模态框代码:


        

javascript代码:


你可能感兴趣的:(向模态框标签传递src值,显示照片)