Two Images Paragraph by Paragraph p { text-align: justify; } img { width: 100%; height: auto; margin: 10px 0; }

This is the first paragraph.

This is the second paragraph.

require(["jquery", "magepow/lazyload", "domReady!"], function($, lazyload){ var imgLazy = $('img.lazyload').not(".loaded"); imgLazy.lazyload(); imgLazy.on('load',function(){ var img = $(this); if(img.hasClass( "loaded" )) return; if(img.attr('src') == img.data('src')){img.addClass('loaded');} else {img.lazyload();} if($.equalheight) $.fn.equalheight(); }); $('body').on('contentUpdated', function () { var lazy = $(this).find("img.lazyload").not(".loaded").lazyload(); lazy.on('load',function(){ var img = $(this); if(img.hasClass( "loaded" )) return; if(img.attr('src') == img.data('src')){img.addClass('loaded');} else {img.lazyload();} if($.equalheight) $.fn.equalheight(); }); }); $('body').removeClass('loading_body'); });