jsp中，相片是放在<ul></ul>里边的吧。
$(function(){
var img = ""
for(var i=i<10i++){//你要加多少照片，i就小于等于多少
img+="<li><img src="image/"+i+".jpg"/></li>"//将要添加的li标签循环拼起来
}
$("ul").append(img)//将li标签写入到ul中。
})
这样就看到你要的效果了。自己导入jquery的库。你应该懂
你可以用 jquery的弹出插件http://www.huddletogether.com/projects/lightbox2/ 去这个上面看看 应该有你想要的效果
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5页面如何在手机端浏览器调用相机、相册功能</title>
</head>
<style>
.addFile {
width: 50px
height: 50px
background-color: red
}
</style>
<body>
</body>
</html>
