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">
|
<div class="view">
|
||||||
<% if (extension(file.path) == ".mp4" || extension(file.path) == ".mov" || extension(file.path) == "webp") { %>
|
<% if (extension(file.path) == ".mp4" || extension(file.path) == ".mov" || extension(file.path) == "webp") { %>
|
||||||
<div class="video">
|
<div class="video">
|
||||||
<video class="image" autoplay loop muted playsinline>
|
<video class="image" autoplay loop muted playsinline loading="lazy">
|
||||||
<source src="/uploads/<%= file.path %>">
|
<source src="/uploads/<%= file.path %>" loading="lazy">
|
||||||
</video>
|
</video>
|
||||||
<div class="overlay">
|
<div class="overlay">
|
||||||
<a href="/gifv/<%=file.path %>" onclick="copyA(event)">Copy as GIFv</a>
|
<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>
|
</div>
|
||||||
<% } else if (extension(file.path) == ".gif") { %>
|
<% } else if (extension(file.path) == ".gif") { %>
|
||||||
<div class="video">
|
<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">
|
<div class="overlay">
|
||||||
<a href="/gifv/<%=file.path %>" onclick="copyA(event)">Copy as GIFv</a>
|
<a href="/gifv/<%=file.path %>" onclick="copyA(event)">Copy as GIFv</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<% } else if (extension(file.path) == ".jpg" || extension(file.path) == ".jpeg" || extension(file.path) == ".png" || extension(file.path) == ".gif" || extension(file.path) == ".webp" ) { %>
|
<% } 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 -->
|
<% } else {%> <!-- non-media file -->
|
||||||
<div class="nonmedia" onclick="copyPath('<%=file.path%>')">
|
<div class="nonmedia" onclick="copyPath('<%=file.path%>')">
|
||||||
<p><%=extension(file.path)%> file</p>
|
<p><%=extension(file.path)%> file</p>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue