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

Enabled lazy loading of images

Browse Source
This commit is contained in:
Sebastian Lay 2024-03-17 13:14:23 +01:00
parent 79cb68c9a5
commit cc2f85c2f7
No known key found for this signature in database
GPG Key ID: A699D9B80D6068AA
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -64,8 +64,8 @@
</section> </section>
</aside> </aside>
<ul v-cloak> <ul v-cloak>
<li v-for="film in films"> <li v-for="(film, index) 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="index > 9 ? 'lazy' : null">
<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>