lazy loading
This commit is contained in:
parent
f2beb1ac34
commit
ef20e526c9
1 changed files with 4 additions and 4 deletions
|
@ -62,8 +62,8 @@ return string.slice((string.lastIndexOf(".") - 2 >>> 0) + 2);
|
|||
<div class="view">
|
||||
<% if (extension(file.path) == ".mp4" || extension(file.path) == ".mov" || extension(file.path) == "webp") { %>
|
||||
<div class="video">
|
||||
<video class="image" autoplay loop muted playsinline>
|
||||
<source src="/uploads/<%= file.path %>">
|
||||
<video class="image" autoplay loop muted playsinline loading="lazy">
|
||||
<source src="/uploads/<%= file.path %>" loading="lazy">
|
||||
</video>
|
||||
<div class="overlay">
|
||||
<a href="/gifv/<%=file.path %>" onclick="copyA(event)">Copy as GIFv</a>
|
||||
|
@ -71,13 +71,13 @@ return string.slice((string.lastIndexOf(".") - 2 >>> 0) + 2);
|
|||
</div>
|
||||
<% } else if (extension(file.path) == ".gif") { %>
|
||||
<div class="video">
|
||||
<img class="image" src="/uploads/<%=file.path %>" width="100%" onclick="copyURI(event)">
|
||||
<img class="image" src="/uploads/<%=file.path %>" width="100%" onclick="copyURI(event)" loading="lazy">
|
||||
<div class="overlay">
|
||||
<a href="/gifv/<%=file.path %>" onclick="copyA(event)">Copy as GIFv</a>
|
||||
</div>
|
||||
</div>
|
||||
<% } else if (extension(file.path) == ".jpg" || extension(file.path) == ".jpeg" || extension(file.path) == ".png" || extension(file.path) == ".gif" || extension(file.path) == ".webp" ) { %>
|
||||
<img class="image" src="/uploads/<%=file.path %>" width="100%" onclick="copyURI(event)">
|
||||
<img class="image" src="/uploads/<%=file.path %>" width="100%" onclick="copyURI(event)" loading="lazy">
|
||||
<% } else {%> <!-- non-media file -->
|
||||
<div class="nonmedia" onclick="copyPath('<%=file.path%>')">
|
||||
<p><%=extension(file.path)%> file</p>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue