ประชาสัมพันธ์ PBU Open House 2026
PBU Open House 2026 เปิดบ้าน วิชาการ : PBU INNOVATION IN ACTION Driving Leaders, Empowering Citizensณ โรงเรียนสาธิต "พิบูลบำเพ็ญ" มหาวิทยาลัยบูรพา 📄 ข้อมูลที่เกี่ยวข้อง 📅 กำหนดการ Open House 2026 ช่องทางการสมัคร "การแข่งขัน PiSAC ครั้งที่ 2" 🖼️ ดูภาพบรรยากาศกิจกรรม ↓ ภาพบรรยากาศกิจกรรม คลิกที่ภาพเพื่อดูภาพขนาดใหญ่ × ‹ › #openhouse2569 #openhouse-image-grid img { display:block; width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,.12); cursor:pointer; transition:transform .25s ease,box-shadow .25s ease; } #openhouse2569 #openhouse-image-grid img:hover { transform:translateY(-3px); box-shadow:0 8px 18px rgba(0,0,0,.2); } #openhouse2569 a:hover { filter:brightness(.96); } @media (max-width:640px) { #openhouse2569 #openhouse-image-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; } } (function () { var gallery = document.getElementById('openhouse-image-grid'); var lightbox = document.getElementById('openhouse-lightbox'); var lightboxImage = document.getElementById('openhouse-lightbox-image'); var counter = document.getElementById('openhouse-lightbox-counter'); if (!gallery || !lightbox || !lightboxImage) return; var images = Array.prototype.slice.call( gallery.querySelectorAll('img') ); var currentIndex = 0; var previousOverflow = ''; window.openOpenhouseLightbox = function (index) { if (!images.length) return; currentIndex = (index + images.length) % images.length; lightboxImage.src = images[currentIndex].src; lightboxImage.alt = images[currentIndex].alt || 'ภาพกิจกรรม'; counter.textContent = 'ภาพที่ ' + (currentIndex + 1) + ' / ' + images.length; lightbox.style.display = 'flex'; previousOverflow = document.body.style.overflow; document.body.style.overflow = 'hidden'; }; window.closeOpenhouseLightbox = function () { lightbox.style.display = 'none'; lightboxImage.src = ''; document.body.style.overflow = previousOverflow; }; window.changeOpenhouseImage = function (step) { window.openOpenhouseLightbox(currentIndex + step); }; lightbox.addEventListener('click', function (event) { if (event.target === lightbox) { window.closeOpenhouseLightbox(); } }); document.addEventListener('keydown', function (event) { if (lightbox.style.display !== 'flex') return; if (event.key === 'Escape') { window.closeOpenhouseLightbox(); } else if (event.key === 'ArrowRight') { window.changeOpenhouseImage(1); } else if (event.key === 'ArrowLeft') { window.changeOpenhouseImage(-1); } }); })();
