shylie/serra
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lazy load images

Browse Source
This commit is contained in:
Florian Baumann 2023-02-27 15:20:39 +01:00
parent 48086358d2
commit 04d5f20b46
1 changed files with 29 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
templates/index.tmpl
View File

@ -17,6 +17,7 @@
.cardpreview .cardpreviewtext { .cardpreview .cardpreviewtext {
visibility: hidden; visibility: hidden;
display: none;
width: 300px; width: 300px;
color: #fff; color: #fff;
@ -27,6 +28,7 @@
.cardpreview:hover .cardpreviewtext { .cardpreview:hover .cardpreviewtext {
visibility: visible; visibility: visible;
display: inline-block;
} }
</style> </style>
</head> </head>
@ -64,7 +66,8 @@
<select name="set" id="set" form="searchform"> <select name="set" id="set" form="searchform">
<option value="">-</option> <option value="">-</option>
{{range .sets}} {{range .sets}}
<option value="{{ index . "code" }}">{{ printf "%.25s" (index . "_id") }} ({{ index . "count" }})</option> <option value="{{ index . "code" }}">{{ printf "%.25s" (index . "_id") }} ({{ index . "count" }})
</option>
{{end}} {{end}}
</select> </select>
</div> </div>
@ -143,7 +146,7 @@
<td> <td>
<div class="cardpreview"><strong>{{.Name }}</strong> <div class="cardpreview"><strong>{{.Name }}</strong>
<span class="cardpreviewtext"> <span class="cardpreviewtext">
<img src="{{ .ImageUris.Normal }}" alt="" /> <img loading="lazy" src="{{ .ImageUris.Normal }}" alt="" />
</span> </span>
</div> </div>
</td> </td>