Working decently now, Needs Prev, should wait for next images to be loaded before being able to continue, use htmx? Either way clean html and css
This commit is contained in:
30
test.html
30
test.html
@@ -5,14 +5,29 @@
|
||||
<title>Title</title>
|
||||
|
||||
<style>
|
||||
div.scroll-container {
|
||||
background-color: #333;
|
||||
.scroll-container {
|
||||
overflow: auto;
|
||||
padding: 10px;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 40%;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
width: 100%;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
.scroll-container img {
|
||||
padding: 0;
|
||||
display: block;
|
||||
min-width: 40%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
@@ -22,6 +37,11 @@
|
||||
<img src="{{.Path}}" alt="img_{{.Index}}"/>
|
||||
{{end}}
|
||||
</div>
|
||||
<div>
|
||||
<form method="post" action="/next">
|
||||
<input type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user