LIGHTING FOR PROFESSIONALS

(function ($) { $(document).ready(function () { $( window ).resize(function() { $(".sensei-grid").each(function(){ equalise_articles($(this)); }); }); $(".sensei-grid").each(function(){ var blog = $(this); equalise_articles($(this)); var observer = new MutationObserver(function (mutations) { equalise_articles(blog); }); var config = { subtree: true, childList: true }; observer.observe(blog[0], config); }); function equalise_articles(blog){ var articles = blog.find("article"); var heights = []; articles.each(function(){ var height = 0; //height += $(this).outerHeight() - $(this).height(); height += $(this).find(".et_pb_image_container").outerHeight(true); height += $(this).find(".entry-title").outerHeight(true); height += $(this).find(".post-meta").outerHeight(true); height += $(this).find(".post-content").outerHeight(true); heights.push(height); }); var max_height = Math.max.apply(Math,heights); articles.each(function(){ $(this).height(max_height); }); } $(document).ajaxComplete(function(){ $(".sensei-grid").imagesLoaded().then(function(){ console.log("images loaded"); $(".sensei-grid").each(function(){ equalise_articles($(this)); }); }); }); $.fn.imagesLoaded = function () { var $imgs = this.find('img[src!=""]'); if (!$imgs.length) {return $.Deferred().resolve().promise();} var dfds = []; $imgs.each(function(){ var dfd = $.Deferred(); dfds.push(dfd); var img = new Image(); img.onload = function(){dfd.resolve();} img.onerror = function(){dfd.resolve();} img.src = this.src; }); return $.when.apply($,dfds); } }); })(jQuery);