{"id":4770,"date":"2026-07-21T17:55:35","date_gmt":"2026-07-21T10:55:35","guid":{"rendered":"https:\/\/coop.mcu.ac.th\/?page_id=4770"},"modified":"2026-07-21T17:55:35","modified_gmt":"2026-07-21T10:55:35","slug":"%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b8%88%e0%b8%94%e0%b8%ab%e0%b8%a1%e0%b8%b2%e0%b8%a2%e0%b8%82%e0%b9%88%e0%b8%b2%e0%b8%a7%e0%b8%97%e0%b8%b1%e0%b9%89%e0%b8%87%e0%b8%ab%e0%b8%a1%e0%b8%94","status":"publish","type":"page","link":"https:\/\/coop.mcu.ac.th\/?page_id=4770","title":{"rendered":"\u0e20\u0e32\u0e1e\u0e08\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e48\u0e32\u0e27\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14"},"content":{"rendered":"    <!-- \u0e42\u0e2b\u0e25\u0e14 Lucide Icon -->\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n    <div class=\"mcu-gallery-grid-wrapper\" style=\"font-family: 'Sarabun', sans-serif;\">\n        <!-- Grid Layout -->\n        <div class=\"mcu-image-grid\">\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2025\/12\/\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27-\u0e2a\u0e35\u0e02\u0e32\u0e27-\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a-\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e07\u0e48\u0e32\u0e22-\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23-\u0e08\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e48\u0e32\u0e27-Newsletter-A4-2.png\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2025\/12\/\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27-\u0e2a\u0e35\u0e02\u0e32\u0e27-\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a-\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e07\u0e48\u0e32\u0e22-\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23-\u0e08\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e48\u0e32\u0e27-Newsletter-A4-1.png\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2025\/12\/1.png\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2025\/12\/2.png\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2025\/10\/\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27-\u0e2a\u0e35\u0e02\u0e32\u0e27-\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a-\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e07\u0e48\u0e32\u0e22-\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23-\u0e08\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e48\u0e32\u0e27-Newsletter-A4-1.png\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2025\/10\/\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27-\u0e2a\u0e35\u0e02\u0e32\u0e27-\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a-\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e07\u0e48\u0e32\u0e22-\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23-\u0e08\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e48\u0e32\u0e27-Newsletter-A4.png\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2026\/03\/3.jpg\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2026\/03\/4.jpg\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2026\/03\/5.jpg\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2026\/03\/6.jpg\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2026\/03\/7.jpg\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2026\/03\/8.jpg\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2026\/03\/1.jpg\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2026\/03\/2.jpg\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2026\/04\/\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27-\u0e2a\u0e35\u0e02\u0e32\u0e27-\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a-\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e07\u0e48\u0e32\u0e22-\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23-\u0e08\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e48\u0e32\u0e27-Newsletter-A4-91.jpg\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2026\/05\/5555.jpg\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2026\/05\/\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27-\u0e2a\u0e35\u0e02\u0e32\u0e27-\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a-\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e07\u0e48\u0e32\u0e22-\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23-\u0e08\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e48\u0e32\u0e27-Newsletter-A4-2026-05-20T150325.217.jpg\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                            <div class=\"mcu-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/coop.mcu.ac.th\/wp-content\/uploads\/2026\/05\/\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27-\u0e2a\u0e35\u0e02\u0e32\u0e27-\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a-\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e07\u0e48\u0e32\u0e22-\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23-\u0e08\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e48\u0e32\u0e27-Newsletter-A4-99.jpg\" alt=\"Gallery Image\" loading=\"lazy\" class=\"mcu-lightbox-trigger\">\n                    <div class=\"mcu-grid-overlay\">\n                        <i data-lucide=\"zoom-in\" style=\"color: white; width: 24px; height: 24px;\"><\/i>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n        <!-- Lightbox Modal \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e22\u0e32\u0e22\u0e20\u0e32\u0e1e\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19 -->\n        <div id=\"mcu-lightbox-modal\" class=\"mcu-lightbox-modal\">\n            <span class=\"mcu-lightbox-close\">&times;<\/span>\n            <span class=\"mcu-lightbox-prev\">&#10094;<\/span>\n            <img class=\"mcu-lightbox-content\" id=\"mcu-lightbox-img\" alt=\"Enlarged preview\">\n            <span class=\"mcu-lightbox-next\">&#10095;<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- \u0e2a\u0e44\u0e15\u0e25\u0e4c Grid & Lightbox -->\n    <style>\n        .mcu-image-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 15px;\n            margin: 20px 0;\n        }\n        @media (max-width: 1024px) {\n            .mcu-image-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n        @media (max-width: 768px) {\n            .mcu-image-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        \n        .mcu-grid-item {\n            position: relative;\n            overflow: hidden;\n            border-radius: 10px;\n            background: #f1f5f9;\n            cursor: pointer;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n            transition: all 0.3s ease;\n        }\n        .mcu-grid-item img {\n            width: 100%;\n            height: auto;\n            display: block;\n            transition: transform 0.4s ease;\n        }\n        .mcu-grid-item:hover img {\n            transform: scale(1.08);\n        }\n        \n        \/* Overlay \u0e0b\u0e49\u0e2d\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e40\u0e21\u0e37\u0e48\u0e2d Hover *\/\n        .mcu-grid-overlay {\n            position: absolute;\n            inset: 0;\n            background: rgba(15, 23, 42, 0.4);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n            z-index: 5;\n            pointer-events: none; \/* \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e14\u0e1a\u0e31\u0e07\u0e04\u0e25\u0e34\u0e01 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e04\u0e25\u0e34\u0e01\u0e17\u0e30\u0e25\u0e38\u0e25\u0e07\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e44\u0e14\u0e49 *\/\n        }\n        .mcu-grid-item:hover .mcu-grid-overlay {\n            opacity: 1;\n        }\n\n        \/* Lightbox Modal (\u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d) *\/\n        .mcu-lightbox-modal {\n            display: none;\n            position: fixed;\n            z-index: 999999;\n            padding-top: 60px;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            overflow: hidden;\n            background-color: rgba(15, 23, 42, 0.95);\n            backdrop-filter: blur(8px);\n        }\n        .mcu-lightbox-content {\n            margin: auto;\n            display: block;\n            max-width: 90%;\n            max-height: 80vh;\n            border-radius: 8px;\n            object-fit: contain;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.5);\n            animation: mcuZoom 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n        @keyframes mcuZoom {\n            from { transform: scale(0.85); opacity: 0; }\n            to { transform: scale(1); opacity: 1; }\n        }\n        \n        .mcu-lightbox-close {\n            position: absolute;\n            top: 25px;\n            right: 35px;\n            color: #f1f5f9;\n            font-size: 45px;\n            font-weight: 300;\n            transition: color 0.2s;\n            cursor: pointer;\n            z-index: 1000000;\n            line-height: 1;\n        }\n        .mcu-lightbox-close:hover {\n            color: #FF1493;\n        }\n\n        \/* \u0e1b\u0e38\u0e48\u0e21\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e20\u0e32\u0e1e \u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32 \u0e43\u0e19 Lightbox *\/\n        .mcu-lightbox-prev,\n        .mcu-lightbox-next {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            color: #f1f5f9;\n            font-size: 50px;\n            font-weight: 300;\n            padding: 20px;\n            cursor: pointer;\n            transition: all 0.2s ease;\n            user-select: none;\n            z-index: 1000001;\n            background: rgba(15, 23, 42, 0.4);\n            border-radius: 50%;\n            width: 40px;\n            height: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            line-height: 1;\n        }\n        .mcu-lightbox-prev {\n            left: 20px;\n        }\n        .mcu-lightbox-next {\n            right: 20px;\n        }\n        .mcu-lightbox-prev:hover,\n        .mcu-lightbox-next:hover {\n            color: #FF1493;\n            background: rgba(15, 23, 42, 0.8);\n        }\n        @media (max-width: 768px) {\n            .mcu-lightbox-prev,\n            .mcu-lightbox-next {\n                font-size: 35px;\n                padding: 10px;\n                width: 30px;\n                height: 30px;\n                background: rgba(15, 23, 42, 0.6);\n            }\n            .mcu-lightbox-prev { left: 10px; }\n            .mcu-lightbox-next { right: 10px; }\n        }\n    <\/style>\n\n    <!-- \u0e2a\u0e04\u0e23\u0e34\u0e1b\u0e15\u0e4c\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19 Lightbox \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e20\u0e32\u0e1e -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            if (typeof lucide !== 'undefined') {\n                lucide.createIcons();\n            }\n\n            const lightbox = document.getElementById('mcu-lightbox-modal');\n            const lightboxImg = document.getElementById('mcu-lightbox-img');\n            const closeBtn = document.querySelector('.mcu-lightbox-close');\n            const prevBtn = document.querySelector('.mcu-lightbox-prev');\n            const nextBtn = document.querySelector('.mcu-lightbox-next');\n\n            if (lightbox && lightboxImg) {\n                \/\/ \u0e14\u0e36\u0e07\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23 URL \u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e17\u0e35\u0e48\u0e21\u0e35\u0e43\u0e19 Grid\n                const imagesList = Array.from(document.querySelectorAll('.mcu-grid-item img')).map(img => img.src);\n                let currentImageIndex = 0;\n\n                function showImage(index) {\n                    currentImageIndex = index;\n                    lightboxImg.src = imagesList[index];\n                }\n\n                \/\/ \u0e04\u0e25\u0e34\u0e01\u0e40\u0e1b\u0e34\u0e14 Lightbox \u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e20\u0e32\u0e1e\n                document.querySelectorAll('.mcu-grid-item').forEach((item, index) => {\n                    item.addEventListener('click', function() {\n                        lightbox.style.display = 'block';\n                        showImage(index);\n                        document.body.style.overflow = 'hidden'; \/\/ \u0e25\u0e47\u0e2d\u0e01\u0e01\u0e32\u0e23\u0e2a\u0e01\u30ed\u30fc\u30eb\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e2b\u0e25\u0e31\u0e01\n                    });\n                });\n\n                \/\/ \u0e04\u0e25\u0e34\u0e01\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a (\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32)\n                if (prevBtn) {\n                    prevBtn.addEventListener('click', function(e) {\n                        e.stopPropagation(); \/\/ \u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e1b\u0e34\u0e14 modal\n                        let newIndex = currentImageIndex - 1;\n                        if (newIndex < 0) {\n                            newIndex = imagesList.length - 1; \/\/ \u0e27\u0e19\u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e23\u0e39\u0e1b\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\n                        }\n                        showImage(newIndex);\n                    });\n                }\n\n                \/\/ \u0e04\u0e25\u0e34\u0e01\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e1b\u0e02\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32 (\u0e16\u0e31\u0e14\u0e44\u0e1b)\n                if (nextBtn) {\n                    nextBtn.addEventListener('click', function(e) {\n                        e.stopPropagation(); \/\/ \u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e1b\u0e34\u0e14 modal\n                        let newIndex = (currentImageIndex + 1) % imagesList.length; \/\/ \u0e27\u0e19\u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e23\u0e39\u0e1b\u0e41\u0e23\u0e01\n                        showImage(newIndex);\n                    });\n                }\n\n                \/\/ \u0e04\u0e25\u0e34\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e01\u0e32\u0e01\u0e1a\u0e32\u0e17\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e34\u0e14\n                closeBtn.onclick = function(e) {\n                    e.stopPropagation();\n                    lightbox.style.display = 'none';\n                    document.body.style.overflow = ''; \/\/ \u0e04\u0e37\u0e19\u0e04\u0e48\u0e32\u0e2a\u0e01\u30ed\u30fc\u30eb\n                }\n\n                \/\/ \u0e04\u0e25\u0e34\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e27\u0e48\u0e32\u0e07\u0e2a\u0e35\u0e14\u0e33\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e34\u0e14\n                lightbox.onclick = function(e) {\n                    if (e.target === lightbox) {\n                        lightbox.style.display = 'none';\n                        document.body.style.overflow = '';\n                    }\n                }\n\n                \/\/ \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21\u0e1a\u0e19\u0e04\u0e35\u0e22\u0e4c\u0e1a\u0e2d\u0e23\u0e4c\u0e14 (Left, Right, Escape)\n                document.addEventListener('keydown', function(e) {\n                    if (lightbox.style.display === 'block') {\n                        if (e.key === 'ArrowRight') {\n                            let newIndex = (currentImageIndex + 1) % imagesList.length;\n                            showImage(newIndex);\n                        } else if (e.key === 'ArrowLeft') {\n                            let newIndex = currentImageIndex - 1;\n                            if (newIndex < 0) {\n                                newIndex = imagesList.length - 1;\n                            }\n                            showImage(newIndex);\n                        } else if (e.key === 'Escape') {\n                            lightbox.style.display = 'none';\n                            document.body.style.overflow = '';\n                        }\n                    }\n                });\n            }\n        });\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-4770","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coop.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/4770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coop.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coop.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coop.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coop.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4770"}],"version-history":[{"count":1,"href":"https:\/\/coop.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/4770\/revisions"}],"predecessor-version":[{"id":4773,"href":"https:\/\/coop.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/4770\/revisions\/4773"}],"wp:attachment":[{"href":"https:\/\/coop.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}