How can I implement lazyload on slider images?

dq_ar
Visitor
1 0 0

Hi!

How can I lazyload slider images?

 

I've lazyload other images in the site but i don't know how to do it with this string:

 

<div class="flexslider">
<ul class="slides">
{% for i in (1..6) %}
{% capture slide %}slide_{{ i }}{% endcapture %}
{% capture slide_link %}slide_{{ i }}_link{% endcapture %}
{% capture slide_img %}slide_{{ i }}.jpg{% endcapture %}
{% capture slide_alt %}slide_{{ i }}_alt{% endcapture %}
{% if settings[slide] %}
<li>
<a href="{{ settings[slide_link] }}" class="slide-link">
{{ slide_img | asset_url | img_tag: settings[slide_alt] }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>

 

 

Thanks!

Replies 0 (0)