gronod/analog-film-space
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enabled lazy loading for images

Browse Source
This commit is contained in:
Sebastian Lay 2021-07-23 23:11:48 +02:00
parent 175ac86b93
commit 1013c02d73
No known key found for this signature in database
GPG Key ID: A699D9B80D6068AA
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
guide.html
View File

@ -32,7 +32,7 @@
</aside> </aside>
</li> </li>
<li v-for="film in films"> <li v-for="film in films">
<img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name"> <img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name" loading="lazy">
<h2>{{film.name}}</h2> <h2>{{film.name}}</h2>
<p> <p>
<span v-if="film.description">{{film.description}}</span> <span v-if="film.description">{{film.description}}</span>

2
index.html
View File

@ -39,7 +39,7 @@
</aside> </aside>
<ul v-cloak> <ul v-cloak>
<li v-for="film in films"> <li v-for="film in films">
<img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name"> <img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name" loading="lazy">
<h2>{{film.name}}</h2> <h2>{{film.name}}</h2>
<p> <p>
<span v-if="film.description">{{film.description}}</span> <span v-if="film.description">{{film.description}}</span>

2
random.html
View File

@ -19,7 +19,7 @@
<main v-if="show"> <main v-if="show">
<ul v-cloak> <ul v-cloak>
<li v-for="film in films"> <li v-for="film in films">
<img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name"> <img :src="'images/small/' + film.image" :srcset="'images/small/' + film.image + ' 1x, images/' + film.image + ' 2x'" :alt="film.name" loading="lazy">
<h2>{{film.name}}</h2> <h2>{{film.name}}</h2>
<p> <p>
<span v-if="film.description">{{film.description}}</span> <span v-if="film.description">{{film.description}}</span>