From 3b8cffec2a81cdf23e98f99b905abd4495879ffd Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Sun, 31 Oct 2021 01:33:22 +0200
Subject: [PATCH] Fixed: lazyload slider

---
 components/facebookpagefeed/default.htm | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/facebookpagefeed/default.htm b/components/facebookpagefeed/default.htm
index ab18301..e2af183 100644
--- a/components/facebookpagefeed/default.htm
+++ b/components/facebookpagefeed/default.htm
@@ -4,7 +4,12 @@
         {% for post in __SELF__.posts %}
             <div class="px-3">
                 <a href="{{post.href}}" class="flex flex-col h-full box shadow-lg hover:shadow-2xl rounded-lg overflow-hidden" target="_BLANK">
-                    {% if post.featuredImage %} <img {{ post.featuredImage | resize('box', 'calc(100vw - 1.5rem)|640:calc(50vw - 1.5rem)|1024:calc(33vw - 1.5rem)|1152:360px', {'lazy': true}) }} class="object-cover w-full h-48"> {% endif %}
+                    {% if post.featuredImage %}
+                        <script type="text/html" data-lazy data-src="img">
+                            <img {{ post.featuredImage | resize('box', 'calc(100vw - 1.5rem)|640:calc(50vw - 1.5rem)|1024:calc(33vw - 1.5rem)|1152:360px') }} class="object-cover w-full h-48">
+                        </script>
+                        <div data-dest="img"></div>
+                    {% endif %}
                     <div class="flex items-end justify-between px-6 py-3 bg-gray-100">
                         {% if __SELF__.logo %} <img data-src="{{__SELF__.logo|media}}" class="w-8"> {% endif %}
                         <div class="text-xs text-gray-500">{{post.created_at | human}}</div>