Najbolji na svijetu
BIM Viewer besplatno

/* Code from https://element.how/elementor-accordion-toggle-tabs-change-background-image/ * V1.1 June 2023 */ document.addEventListener('DOMContentLoaded', () => { let imageSwitchers = document.querySelectorAll('.imageSwitcherWrapper'); imageSwitchers.forEach(imageSwitcher => { let images = imageSwitcher.querySelectorAll('.imageSwitcherImage'); let tabsTitlesDesktop = imageSwitcher.querySelectorAll('.e-n-tabs-heading .e-n-tab-title'); let tabsTitlesMobile = imageSwitcher.querySelectorAll('.e-n-tabs-content .e-n-tab-title'); let tabsTitles = imageSwitcher.querySelectorAll('.elementor-tab-title'); tabsTitlesDesktop.forEach((tab, index) => { tabsChanging(tab, index, images); }); tabsTitlesMobile.forEach((tab, index) => { tabsChanging(tab, index, images); }); tabsTitles.forEach((tab, index) => { tabsChanging(tab, index, images); }); /* on page load */ images[0].classList.add('imageSwitcher_isActive'); }); function tabsChanging(tab, index, images) { tab.addEventListener('click', () => { images.forEach(image => { image.classList.remove('imageSwitcher_isActive'); }); images[index].classList.add('imageSwitcher_isActive'); }); }; }); body:not(.elementor-editor-active) .imageSwitcherImage:not(:first-child) { position: absolute; transition: opacity 0.4s; } body:not(.elementor-editor-active) .imageSwitcherImage { opacity: 0; } .imageSwitcherImage.imageSwitcher_isActive.imageSwitcher_isActive { opacity: 1; }