function hideBanners(query) {
const banners = document.querySelectorAll(query);
banners.forEach((banner) => {
banner.remove();
});
document.querySelectorAll('.close-banner').forEach((e) => {
e.style.display = 'none';
});
}
function closeBanner(query) {
const stickyBanners = document.querySelectorAll(query);
if (stickyBanners.length) {
hideBanners(query);
sessionStorage.setItem("stickyBannerClosed", true);
}
}
window.addEventListener("load", (event) => {
if (sessionStorage.getItem("stickyBannerClosed")) {
hideBanners('.ls-banner.ls-banner--sticky');
}
});
window.addEventListener("load", () => {
const banners = [
{ id: "lsadvert-zid-9325-iframe", type: "desktop" },
{ id: "lsadvert-zid-9327-iframe", type: "desktop" },
{ id: "lsadvert-zid-9329-iframe", type: "desktop" },
{ id: "lsadvert-zid-9331-iframe", type: "desktop" },
{ id: "lsadvert-zid-9333-iframe", type: "desktop" },
{ id: "lsadvert-zid-9335-iframe", type: "desktop" },
{ id: "lsadvert-zid-9337-iframe", type: "desktop" },
{ id: "lsadvert-zid-9339-iframe", type: "desktop" },
{ id: "lsadvert-zid-9341-iframe", type: "desktop" },
{ id: "lsadvert-zid-9343-iframe", type: "desktop" },
{ id: "lsadvert-zid-9345-iframe", type: "desktop" },
{ id: "lsadvert-zid-9347-iframe", type: "desktop" },
{ id: "lsadvert-zid-9349-iframe", type: "stickyDesktop" },
{ id: "lsadvert-zid-9375-iframe", type: "mobile" },
{ id: "lsadvert-zid-9373-iframe", type: "mobile" },
{ id: "lsadvert-zid-9371-iframe", type: "mobile" },
{ id: "lsadvert-zid-9369-iframe", type: "mobile" },
{ id: "lsadvert-zid-9367-iframe", type: "mobile" },
{ id: "lsadvert-zid-9365-iframe", type: "mobile" },
{ id: "lsadvert-zid-9363-iframe", type: "mobile" },
{ id: "lsadvert-zid-9361-iframe", type: "mobile" },
{ id: "lsadvert-zid-9359-iframe", type: "mobile" },
{ id: "lsadvert-zid-9357-iframe", type: "mobile" },
{ id: "lsadvert-zid-9355-iframe", type: "mobile" },
{ id: "lsadvert-zid-9353-iframe", type: "mobile" },
{ id: "lsadvert-zid-9351-iframe", type: "stickyMobile" },
];
const sizeConfig = {
desktop: { maxWidth: 1200, maxHeight: 280 },
mobile: { maxWidth: 300, maxHeight: 250 },
stickyDesktop: { maxWidth: 1000, maxHeight: 150 },
stickyMobile: { maxWidth: 320, maxHeight: 100 },
};
const adjustParentSize = (parent, width, height, maxWidth, maxHeight) => {
parent.style.width = `${Math.min(width, maxWidth)}px`;
parent.style.height = `${Math.min(height, maxHeight)}px`;
parent.style.position = 'relative';
};
banners.forEach(({ id, type }) => {
const iframe = document.getElementById(id);
if (!iframe) return;
iframe.addEventListener("load", () => {
const iframeContent = iframe.contentDocument;
const targetElement = iframeContent.querySelector('img,ins[style*="width"][style*="height"],div[style*="width"][style*="height"]');
const parent = iframe.parentNode;
if (id === 'lsadvert-zid-9349-iframe') {
parent.style.marginRight = '70px';
}
const { maxWidth, maxHeight } = sizeConfig[type];
const width = targetElement ? targetElement.clientWidth : maxWidth;
const height = targetElement ? targetElement.clientHeight : maxHeight;
adjustParentSize(parent, width, height, maxWidth, maxHeight);
parent.parentNode.style.display = 'flex';
parent.parentNode.style.justifyContent = 'center';
parent.parentNode.style.alignItems = 'center';
});
});
});
function hideBanners(query) {
const banners = document.querySelectorAll(query);
banners.forEach((banner) => {
banner.remove();
});
document.querySelectorAll('.close-banner').forEach((e) => {
e.style.display = 'none';
});
}
function closeBanner(query) {
const stickyBanners = document.querySelectorAll(query);
if (stickyBanners.length) {
hideBanners(query);
sessionStorage.setItem("stickyBannerClosed", true);
}
}
window.addEventListener("load", (event) => {
if (sessionStorage.getItem("stickyBannerClosed")) {
hideBanners('.ls-banner.ls-banner--sticky');
}
});
window.addEventListener("load", () => {
const banners = [
{ id: "lsadvert-zid-9325-iframe", type: "desktop" },
{ id: "lsadvert-zid-9327-iframe", type: "desktop" },
{ id: "lsadvert-zid-9329-iframe", type: "desktop" },
{ id: "lsadvert-zid-9331-iframe", type: "desktop" },
{ id: "lsadvert-zid-9333-iframe", type: "desktop" },
{ id: "lsadvert-zid-9335-iframe", type: "desktop" },
{ id: "lsadvert-zid-9337-iframe", type: "desktop" },
{ id: "lsadvert-zid-9339-iframe", type: "desktop" },
{ id: "lsadvert-zid-9341-iframe", type: "desktop" },
{ id: "lsadvert-zid-9343-iframe", type: "desktop" },
{ id: "lsadvert-zid-9345-iframe", type: "desktop" },
{ id: "lsadvert-zid-9347-iframe", type: "desktop" },
{ id: "lsadvert-zid-9349-iframe", type: "stickyDesktop" },
{ id: "lsadvert-zid-9375-iframe", type: "mobile" },
{ id: "lsadvert-zid-9373-iframe", type: "mobile" },
{ id: "lsadvert-zid-9371-iframe", type: "mobile" },
{ id: "lsadvert-zid-9369-iframe", type: "mobile" },
{ id: "lsadvert-zid-9367-iframe", type: "mobile" },
{ id: "lsadvert-zid-9365-iframe", type: "mobile" },
{ id: "lsadvert-zid-9363-iframe", type: "mobile" },
{ id: "lsadvert-zid-9361-iframe", type: "mobile" },
{ id: "lsadvert-zid-9359-iframe", type: "mobile" },
{ id: "lsadvert-zid-9357-iframe", type: "mobile" },
{ id: "lsadvert-zid-9355-iframe", type: "mobile" },
{ id: "lsadvert-zid-9353-iframe", type: "mobile" },
{ id: "lsadvert-zid-9351-iframe", type: "stickyMobile" },
];
const sizeConfig = {
desktop: { maxWidth: 1200, maxHeight: 280 },
mobile: { maxWidth: 300, maxHeight: 250 },
stickyDesktop: { maxWidth: 1000, maxHeight: 150 },
stickyMobile: { maxWidth: 320, maxHeight: 100 },
};
const adjustParentSize = (parent, width, height, maxWidth, maxHeight) => {
parent.style.width = `${Math.min(width, maxWidth)}px`;
parent.style.height = `${Math.min(height, maxHeight)}px`;
parent.style.position = 'relative';
};
banners.forEach(({ id, type }) => {
const iframe = document.getElementById(id);
if (!iframe) return;
iframe.addEventListener("load", () => {
const iframeContent = iframe.contentDocument;
const targetElement = iframeContent.querySelector('img,ins[style*="width"][style*="height"],div[style*="width"][style*="height"]');
const parent = iframe.parentNode;
if (id === 'lsadvert-zid-9349-iframe') {
parent.style.marginRight = '70px';
}
const { maxWidth, maxHeight } = sizeConfig[type];
const width = targetElement ? targetElement.clientWidth : maxWidth;
const height = targetElement ? targetElement.clientHeight : maxHeight;
adjustParentSize(parent, width, height, maxWidth, maxHeight);
parent.parentNode.style.display = 'flex';
parent.parentNode.style.justifyContent = 'center';
parent.parentNode.style.alignItems = 'center';
});
});
});
|