Added small alternative way to scroll
This commit is contained in:
parent
d0f92e582d
commit
17795d5afe
1 changed files with 9 additions and 2 deletions
|
@ -60,6 +60,13 @@ main{
|
||||||
height: 0px;
|
height: 0px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
#mainImage>div>a:first-child>img{
|
||||||
|
object-fit: contain;
|
||||||
|
display: inline-block;
|
||||||
|
max-height: 80vh;
|
||||||
|
max-width: 100%;
|
||||||
|
align-self: center;
|
||||||
|
}
|
||||||
#mainImage>div>img:first-child{
|
#mainImage>div>img:first-child{
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -304,7 +311,7 @@ h2>:last-child:not(span){
|
||||||
<div id="mainImage">
|
<div id="mainImage">
|
||||||
{{#art}}
|
{{#art}}
|
||||||
<div class="mainimg{{index}}">
|
<div class="mainimg{{index}}">
|
||||||
<img src="img/{{index}}.png" title="{{title}}" alt="{{title}}" height="{{height}}" loading="lazy"></img>
|
{{#next}}<a href="#img{{.}}">{{/next}}<img src="img/{{index}}.png" title="{{title}}" alt="{{title}}" height="{{height}}" loading="lazy"></img>{{#next}}</a>{{/next}}
|
||||||
<div>
|
<div>
|
||||||
<h2>{{#previous}}<a href="#img{{.}}">←</a>{{/previous}}<span>{{title}}</span>{{#next}}<a href="#img{{.}}">→</a>{{/next}}</h2>
|
<h2>{{#previous}}<a href="#img{{.}}">←</a>{{/previous}}<span>{{title}}</span>{{#next}}<a href="#img{{.}}">→</a>{{/next}}</h2>
|
||||||
{{#description}}<p>{{&.}}</p>{{/description}}
|
{{#description}}<p>{{&.}}</p>{{/description}}
|
||||||
|
@ -318,7 +325,7 @@ h2>:last-child:not(span){
|
||||||
{{/art}}
|
{{/art}}
|
||||||
{{#pict}}{{#content}}
|
{{#pict}}{{#content}}
|
||||||
<div class="mainpict{{index}}">
|
<div class="mainpict{{index}}">
|
||||||
<img src="pict/{{index}}.jpg" title="{{title}}" alt="{{title}}" height="{{height}}" loading="lazy"></img>
|
{{#next}}<a href="#pict{{.}}">{{/next}}<img src="pict/{{index}}.jpg" title="{{title}}" alt="{{title}}" height="{{height}}" loading="lazy"></img>{{#next}}</a>{{/next}}
|
||||||
<div>
|
<div>
|
||||||
<h2>{{#previous}}<a href="#pict{{.}}">←</a>{{/previous}}<span>{{title}}</span>{{#next}}<a href="#pict{{.}}">→</a>{{/next}}</h2>
|
<h2>{{#previous}}<a href="#pict{{.}}">←</a>{{/previous}}<span>{{title}}</span>{{#next}}<a href="#pict{{.}}">→</a>{{/next}}</h2>
|
||||||
{{#description}}<p>{{&.}}</p>{{/description}}
|
{{#description}}<p>{{&.}}</p>{{/description}}
|
||||||
|
|
Loading…
Reference in a new issue