22 lines
825 B
Markdown
22 lines
825 B
Markdown
---
|
|
show: true
|
|
width: 4
|
|
date: 2020-01-12 00:01:00 +0800
|
|
---
|
|
<div>
|
|
<img data-src="{{ 'assets/images/covers/cover1.jpg' | relative_url }}" class="lazy w-100 rounded-xl" src="{{ '/assets/images/empty_300x200.png' | relative_url }}">
|
|
|
|
<div class="card-img-overlay" style="overflow: scroll; background: rgb(255,255,255,0.8)">
|
|
<h5 class="card-title">Image Lazyload</h5>
|
|
<p class="card-text">
|
|
It is highly recommended to use lazyload for images to improve page loading speed, especially for pages with many images.
|
|
Example code snippet:
|
|
</p>
|
|
<p class="card-text">
|
|
{% raw %}
|
|
<code><img data-src="[Image URL]" class="lazy w-100 rounded-xl" src="{{ '/assets/images/empty_300x200.png' | relative_url }}"></code>
|
|
{% endraw %}
|
|
</p>
|
|
</div>
|
|
</div>
|