Galéria

A Jáva segítségével gyermekeid fejleszthetik kreativitásukat, finommotoros készségeiket és térbeli gondolkodásukat. Nézd végig a képeket, meríts ötleteket, és alkossatok együtt fantasztikus műveket a Jáva játékelemekkel! X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X document.addEventListener('DOMContentLoaded', function() { const modalOpeners = document.querySelectorAll('.modalOpener'); const sheetModals = document.querySelectorAll('.sheetModal'); const modalBdrop = document.querySelector('.modalBdrop'); const modalClosers = document.querySelectorAll('.modalCloser'); const sheetNextButton = document.querySelector('.sheetNext'); const sheetPrevButton = document.querySelector('.sheetPrev'); let currentIndex = 0; function hideModal() { document.body.classList.add('modalFade'); setTimeout(function() { document.body.classList.remove('modalShown'); document.body.classList.remove('modalFade'); sheetModals.forEach(function(modal) { modal.classList.remove('sheetShown'); }); }, 800); } function showModal(index) { if (index >= 0 && index < sheetModals.length) { document.body.classList.add('modalShown'); sheetModals.forEach(function(modal) { modal.classList.remove('sheetShown'); }); sheetModals[index].classList.add('sheetShown'); currentIndex = index; } } modalOpeners.forEach(function(opener, index) { opener.addEventListener('click', function() { showModal(index); }); }); sheetNextButton.addEventListener('click', function() { let nextIndex = (currentIndex + 1) % sheetModals.length; showModal(nextIndex); }); sheetPrevButton.addEventListener('click', function() { let prevIndex = (currentIndex - 1 + sheetModals.length) % sheetModals.length; showModal(prevIndex); }); modalBdrop.addEventListener('click', function(event) { if (!event.target.closest('.sheetModal') && !event.target.closest('.sheetBtn')) { hideModal(); } }); modalClosers.forEach(function(closer) { closer.addEventListener('click', function() { hideModal(); }); }); document.addEventListener('keydown', function(event) { if (event.key === 'Escape') { hideModal(); } else if (event.key === 'ArrowRight') { let nextIndex = (currentIndex + 1) % sheetModals.length; showModal(nextIndex); } else if (event.key === 'ArrowLeft') { let prevIndex = (currentIndex - 1 + sheetModals.length) % sheetModals.length; showModal(prevIndex); } }); });