(function ($) { 'use strict'; var selector = '.media-page-layout .post-element .slide'; var layoutTimer = null; function getBackgroundUrl(el) { /* Jannah lazy background */ var lazyUrl = el.getAttribute('data-lazy-bg'); if (lazyUrl) { return lazyUrl.replace(/^["']|["']$/g, ''); } /* Background already loaded */ var bg = el.style.backgroundImage; if (!bg || bg === 'none') { bg = window.getComputedStyle(el).backgroundImage; } if (!bg || bg === 'none') { return ''; } var match = bg.match(/url\(["']?(.*?)["']?\)/); return match ? match[1] : ''; } function masonryLayout() { clearTimeout(layoutTimer); layoutTimer = setTimeout(function () { var $grid = $('#masonry-grid'); if ($grid.length && $.fn.masonry) { $grid.masonry('layout'); } }, 100); } function setHeight(el, ratio) { var width = el.getBoundingClientRect().width; if (!width || !ratio) { return; } var height = Math.round(width * ratio); el.style.setProperty( 'height', height + 'px', 'important' ); el.style.setProperty( 'background-size', 'contain', 'important' ); el.style.setProperty( 'background-repeat', 'no-repeat', 'important' ); el.style.setProperty( 'background-position', 'center top', 'important' ); } function processSlide(el) { /* Ratio already calculated */ if (el.dataset.samaImageRatio) { setHeight( el, parseFloat(el.dataset.samaImageRatio) ); return; } var imageUrl = getBackgroundUrl(el); if (!imageUrl) { return; } var img = new Image(); img.onload = function () { if (!img.naturalWidth || !img.naturalHeight) { return; } var ratio = img.naturalHeight / img.naturalWidth; el.dataset.samaImageRatio = ratio; setHeight(el, ratio); masonryLayout(); }; img.src = imageUrl; } function processAll() { document .querySelectorAll(selector) .forEach(function (el) { processSlide(el); }); masonryLayout(); } /* Initial load */ $(document).ready(function () { processAll(); }); /* After everything loaded */ $(window).on('load', function () { processAll(); }); /* Responsive */ var resizeTimer; $(window).on('resize', function () { clearTimeout(resizeTimer); resizeTimer = setTimeout(function () { document .querySelectorAll(selector) .forEach(function (el) { if (el.dataset.samaImageRatio) { setHeight( el, parseFloat( el.dataset.samaImageRatio ) ); } }); masonryLayout(); }, 150); }); /* Support Jannah AJAX / Load More */ var grid = document.getElementById('masonry-grid'); if (grid && window.MutationObserver) { var observer = new MutationObserver(function (mutations) { var hasNewItems = false; mutations.forEach(function (mutation) { if (mutation.addedNodes.length) { hasNewItems = true; } }); if (hasNewItems) { setTimeout(processAll, 100); } }); observer.observe(grid, { childList: true }); } })(jQuery);

استعفا

بارگذاری بیشتر
دکمه بازگشت به بالا