2017-12-12 19:42:55 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>图片预览图</title>
|
|
|
|
|
<link rel="stylesheet" href="css/viewer.min.css">
|
|
|
|
|
<style>
|
|
|
|
|
* { margin: 0; padding: 0;}
|
|
|
|
|
#dowebok { width: 800px; margin: 0 auto; font-size: 0;}
|
2018-01-16 18:11:43 +08:00
|
|
|
#dowebok li { display: inline-block;width: 50px;height: 50px; margin-left: 1%; padding-top: 1%;}
|
2017-12-12 19:42:55 +08:00
|
|
|
/*#dowebok li img { width: 200%;}*/
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<ul id="dowebok">
|
2018-01-12 16:52:03 +08:00
|
|
|
<#list imgurls as img>
|
2018-01-16 18:11:43 +08:00
|
|
|
<li><img id="${img}" url="${img}" src="${img}" width="50px" height="50px"></li>
|
2018-01-12 16:52:03 +08:00
|
|
|
</#list>
|
2017-12-12 19:42:55 +08:00
|
|
|
</ul>
|
|
|
|
|
<script src="js/viewer.min.js"></script>
|
|
|
|
|
<script>
|
2018-01-16 18:11:43 +08:00
|
|
|
var viewer = new Viewer(document.getElementById('dowebok'), {
|
|
|
|
|
url: 'src'
|
|
|
|
|
});
|
|
|
|
|
document.getElementById("${currentUrl}").click();
|
2017-12-12 19:42:55 +08:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
