From 0279623b0e78790736ebd007d64f395945d1cf40 Mon Sep 17 00:00:00 2001 From: "Ivan.Nginx" Date: Sun, 28 May 2017 22:16:56 +0300 Subject: [PATCH 1/2] ADD: lazy load images for theme Next: #1649 PART 4 This add compare fir `lazy` classname and if it true, will add 'data-original' attrubute to replace it with `src` attrubute, to make image load lazy. If no `lazy` class defined, image tag will work at standart state. --- lib/plugins/tag/img.js | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/lib/plugins/tag/img.js b/lib/plugins/tag/img.js index 9886c3fd6f..208527e6b1 100644 --- a/lib/plugins/tag/img.js +++ b/lib/plugins/tag/img.js @@ -40,6 +40,7 @@ module.exports = function(ctx) { var height; var title; var alt; + var lazysrc = ''; var src; var item = ''; var i = 0; @@ -85,7 +86,14 @@ module.exports = function(ctx) { alt = match[2]; } + // Find lazy load classname + if (classes[0] === 'lazy') { + lazysrc = src; + src = '/images/loading.gif'; + } + var attrs = { + 'data-original': lazysrc, src: src, class: classes.join(' '), width: width, From 4a33c1e67eac8f5e83884f408118b15c7323a445 Mon Sep 17 00:00:00 2001 From: "Ivan.Nginx" Date: Mon, 29 May 2017 17:56:32 +0300 Subject: [PATCH 2/2] Update img.js --- lib/plugins/tag/img.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/lib/plugins/tag/img.js b/lib/plugins/tag/img.js index 208527e6b1..994b04266e 100644 --- a/lib/plugins/tag/img.js +++ b/lib/plugins/tag/img.js @@ -87,10 +87,10 @@ module.exports = function(ctx) { } // Find lazy load classname - if (classes[0] === 'lazy') { - lazysrc = src; - src = '/images/loading.gif'; - } + if (classes[0] === 'lazy') { + lazysrc = src; + src = '/images/loading.gif'; + } var attrs = { 'data-original': lazysrc,