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);
}
});
})();
27 ต.ค. 2569 (303)
อ่านต่อ
