\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14 A4<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Prompt', 'Kanit', sans-serif;\n background-color: #f5f5f5;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n }\n \n .slider-container {\n width: 21cm;\n height: 29.7cm;\n background-color: white;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n overflow: hidden;\n position: relative;\n border-radius: 10px;\n }\n \n .slider {\n display: flex;\n transition: transform 0.5s ease-in-out;\n height: 100%;\n }\n \n .slide {\n min-width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n }\n \n .slide img {\n max-width: 100%;\n max-height: 90%;\n object-fit: contain;\n border-radius: 5px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .slide img:hover {\n transform: scale(1.02);\n }\n \n .navigation {\n position: absolute;\n bottom: 20px;\n left: 0;\n right: 0;\n display: flex;\n justify-content: center;\n gap: 10px;\n }\n \n .nav-btn {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.3);\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n \n .nav-btn.active {\n background-color: #007bff;\n transform: scale(1.2);\n }\n \n .prev, .next {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(255, 255, 255, 0.7);\n color: #333;\n border: none;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n font-size: 18px;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n }\n \n .prev:hover, .next:hover {\n background-color: white;\n box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);\n }\n \n .prev {\n left: 20px;\n }\n \n .next {\n right: 20px;\n }\n \n .slide-counter {\n position: absolute;\n top: 20px;\n right: 20px;\n background-color: rgba(0, 0, 0, 0.6);\n color: white;\n padding: 5px 10px;\n border-radius: 20px;\n font-size: 14px;\n }\n \n .fullscreen-toggle {\n position: absolute;\n top: 20px;\n left: 20px;\n background-color: rgba(0, 0, 0, 0.6);\n color: white;\n border: none;\n padding: 5px 10px;\n border-radius: 20px;\n cursor: pointer;\n font-size: 14px;\n transition: background-color 0.3s ease;\n }\n \n .fullscreen-toggle:hover {\n background-color: rgba(0, 0, 0, 0.8);\n }\n \n @media print {\n body {\n background: none;\n }\n \n .slider-container {\n box-shadow: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"slider-container\">\n <div class=\"slide-counter\">1 \/ 7<\/div>\n <button class=\"fullscreen-toggle\">\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d<\/button>\n \n <div class=\"slider\">\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/1-01-1.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 1\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/QR-code-Line-\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23-1.jpg\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 2\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/2-03.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 3\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/2-02.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 4\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/2-01.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 5\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/1-03.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 6\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/1-02.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 7\">\n <\/div>\n <\/div>\n \n <button class=\"prev\">❮<\/button>\n <button class=\"next\">❯<\/button>\n \n <div class=\"navigation\">\n <div class=\"nav-btn active\" data-index=\"0\"><\/div>\n <div class=\"nav-btn\" data-index=\"1\"><\/div>\n <div class=\"nav-btn\" data-index=\"2\"><\/div>\n <div class=\"nav-btn\" data-index=\"3\"><\/div>\n <div class=\"nav-btn\" data-index=\"4\"><\/div>\n <div class=\"nav-btn\" data-index=\"5\"><\/div>\n <div class=\"nav-btn\" data-index=\"6\"><\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const slider = document.querySelector('.slider');\n const slides = document.querySelectorAll('.slide');\n const prevBtn = document.querySelector('.prev');\n const nextBtn = document.querySelector('.next');\n const navBtns = document.querySelectorAll('.nav-btn');\n const slideCounter = document.querySelector('.slide-counter');\n const fullscreenToggle = document.querySelector('.fullscreen-toggle');\n \n let currentIndex = 0;\n \n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e44\u0e25\u0e14\u0e4c\n function goToSlide(index) {\n if (index < 0) {\n index = slides.length - 1;\n } else if (index >= slides.length) {\n index = 0;\n }\n \n currentIndex = index;\n slider.style.transform = `translateX(-${currentIndex * 100}%)`;\n \n \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e1b\u0e38\u0e48\u0e21\u0e19\u0e33\u0e17\u0e32\u0e07\n navBtns.forEach((btn, i) => {\n btn.classList.toggle('active', i === currentIndex);\n });\n \n \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e15\u0e31\u0e27\u0e19\u0e31\u0e1a\u0e2a\u0e44\u0e25\u0e14\u0e4c\n slideCounter.textContent = `${currentIndex + 1} \/ ${slides.length}`;\n }\n \n \/\/ \u0e1b\u0e38\u0e48\u0e21\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e1b\u0e17\u0e32\u0e07\u0e02\u0e27\u0e32\n nextBtn.addEventListener('click', () => {\n goToSlide(currentIndex + 1);\n });\n \n \/\/ \u0e1b\u0e38\u0e48\u0e21\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e1b\u0e17\u0e32\u0e07\u0e0b\u0e49\u0e32\u0e22\n prevBtn.addEventListener('click', () => {\n goToSlide(currentIndex - 1);\n });\n \n \/\/ \u0e1b\u0e38\u0e48\u0e21\u0e19\u0e33\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\n navBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n goToSlide(parseInt(btn.dataset.index));\n });\n });\n \n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\n fullscreenToggle.addEventListener('click', () => {\n if (!document.fullscreenElement) {\n document.documentElement.requestFullscreen().catch(err => {\n console.log(`\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d: ${err.message}`);\n });\n fullscreenToggle.textContent = '\u0e2d\u0e2d\u0e01\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d';\n } else {\n document.exitFullscreen();\n fullscreenToggle.textContent = '\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d';\n }\n });\n \n \/\/ \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e14\u0e49\u0e27\u0e22\u0e41\u0e1b\u0e49\u0e19\u0e1e\u0e34\u0e21\u0e1e\u0e4c\n document.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowRight') {\n goToSlide(currentIndex + 1);\n } else if (e.key === 'ArrowLeft') {\n goToSlide(currentIndex - 1);\n }\n });\n \n \/\/ \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e41\u0e23\u0e01\n goToSlide(0);\n });\n <\/script>\n<\/body>\n<\/html>\n\r\n","protected":false},"excerpt":{"rendered":"<p>\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14 A4 1 \/ 7 \u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d ❮ ❯<\/p>\n","protected":false},"author":5,"featured_media":12483,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_crdt_document":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-12488","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-4"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts\/12488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12488"}],"version-history":[{"count":2,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts\/12488\/revisions"}],"predecessor-version":[{"id":12492,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts\/12488\/revisions\/12492"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/media\/12483"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":12488,"date":"2025-03-13T13:15:27","date_gmt":"2025-03-13T06:15:27","guid":{"rendered":"https:\/\/www.doa.go.th\/oard2\/?p=12488"},"modified":"2025-03-13T13:16:51","modified_gmt":"2025-03-13T06:16:51","slug":"ai-chatbot-%e0%b8%81%e0%b8%a3%e0%b8%a1%e0%b8%a7%e0%b8%b4%e0%b8%8a%e0%b8%b2%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%81%e0%b8%a9%e0%b8%95%e0%b8%a3-%e0%b8%95%e0%b8%b1%e0%b8%a7","status":"publish","type":"post","link":"https:\/\/www.doa.go.th\/oard2\/?p=12488","title":{"rendered":"\u201cAI Chatbot \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u201d \u0e15\u0e31\u0e27\u0e0a\u0e48\u0e27\u0e22\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30 \u0e1e\u0e25\u0e34\u0e01\u0e42\u0e09\u0e21\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e44\u0e17\u0e22"},"content":{"rendered":"\n\n\n\n \n \n \u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14 A4<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Prompt', 'Kanit', sans-serif;\n background-color: #f5f5f5;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n }\n \n .slider-container {\n width: 21cm;\n height: 29.7cm;\n background-color: white;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n overflow: hidden;\n position: relative;\n border-radius: 10px;\n }\n \n .slider {\n display: flex;\n transition: transform 0.5s ease-in-out;\n height: 100%;\n }\n \n .slide {\n min-width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n }\n \n .slide img {\n max-width: 100%;\n max-height: 90%;\n object-fit: contain;\n border-radius: 5px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n }\n \n .slide img:hover {\n transform: scale(1.02);\n }\n \n .navigation {\n position: absolute;\n bottom: 20px;\n left: 0;\n right: 0;\n display: flex;\n justify-content: center;\n gap: 10px;\n }\n \n .nav-btn {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.3);\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n \n .nav-btn.active {\n background-color: #007bff;\n transform: scale(1.2);\n }\n \n .prev, .next {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(255, 255, 255, 0.7);\n color: #333;\n border: none;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n font-size: 18px;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n }\n \n .prev:hover, .next:hover {\n background-color: white;\n box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);\n }\n \n .prev {\n left: 20px;\n }\n \n .next {\n right: 20px;\n }\n \n .slide-counter {\n position: absolute;\n top: 20px;\n right: 20px;\n background-color: rgba(0, 0, 0, 0.6);\n color: white;\n padding: 5px 10px;\n border-radius: 20px;\n font-size: 14px;\n }\n \n .fullscreen-toggle {\n position: absolute;\n top: 20px;\n left: 20px;\n background-color: rgba(0, 0, 0, 0.6);\n color: white;\n border: none;\n padding: 5px 10px;\n border-radius: 20px;\n cursor: pointer;\n font-size: 14px;\n transition: background-color 0.3s ease;\n }\n \n .fullscreen-toggle:hover {\n background-color: rgba(0, 0, 0, 0.8);\n }\n \n @media print {\n body {\n background: none;\n }\n \n .slider-container {\n box-shadow: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"slider-container\">\n <div class=\"slide-counter\">1 \/ 7<\/div>\n <button class=\"fullscreen-toggle\">\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d<\/button>\n \n <div class=\"slider\">\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/1-01-1.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 1\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/QR-code-Line-\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23-1.jpg\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 2\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/2-03.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 3\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/2-02.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 4\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/2-01.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 5\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/1-03.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 6\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/1-02.png\" alt=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 7\">\n <\/div>\n <\/div>\n \n <button class=\"prev\">❮<\/button>\n <button class=\"next\">❯<\/button>\n \n <div class=\"navigation\">\n <div class=\"nav-btn active\" data-index=\"0\"><\/div>\n <div class=\"nav-btn\" data-index=\"1\"><\/div>\n <div class=\"nav-btn\" data-index=\"2\"><\/div>\n <div class=\"nav-btn\" data-index=\"3\"><\/div>\n <div class=\"nav-btn\" data-index=\"4\"><\/div>\n <div class=\"nav-btn\" data-index=\"5\"><\/div>\n <div class=\"nav-btn\" data-index=\"6\"><\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const slider = document.querySelector('.slider');\n const slides = document.querySelectorAll('.slide');\n const prevBtn = document.querySelector('.prev');\n const nextBtn = document.querySelector('.next');\n const navBtns = document.querySelectorAll('.nav-btn');\n const slideCounter = document.querySelector('.slide-counter');\n const fullscreenToggle = document.querySelector('.fullscreen-toggle');\n \n let currentIndex = 0;\n \n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e44\u0e25\u0e14\u0e4c\n function goToSlide(index) {\n if (index < 0) {\n index = slides.length - 1;\n } else if (index >= slides.length) {\n index = 0;\n }\n \n currentIndex = index;\n slider.style.transform = `translateX(-${currentIndex * 100}%)`;\n \n \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e1b\u0e38\u0e48\u0e21\u0e19\u0e33\u0e17\u0e32\u0e07\n navBtns.forEach((btn, i) => {\n btn.classList.toggle('active', i === currentIndex);\n });\n \n \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e15\u0e31\u0e27\u0e19\u0e31\u0e1a\u0e2a\u0e44\u0e25\u0e14\u0e4c\n slideCounter.textContent = `${currentIndex + 1} \/ ${slides.length}`;\n }\n \n \/\/ \u0e1b\u0e38\u0e48\u0e21\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e1b\u0e17\u0e32\u0e07\u0e02\u0e27\u0e32\n nextBtn.addEventListener('click', () => {\n goToSlide(currentIndex + 1);\n });\n \n \/\/ \u0e1b\u0e38\u0e48\u0e21\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e1b\u0e17\u0e32\u0e07\u0e0b\u0e49\u0e32\u0e22\n prevBtn.addEventListener('click', () => {\n goToSlide(currentIndex - 1);\n });\n \n \/\/ \u0e1b\u0e38\u0e48\u0e21\u0e19\u0e33\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\n navBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n goToSlide(parseInt(btn.dataset.index));\n });\n });\n \n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\n fullscreenToggle.addEventListener('click', () => {\n if (!document.fullscreenElement) {\n document.documentElement.requestFullscreen().catch(err => {\n console.log(`\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d: ${err.message}`);\n });\n fullscreenToggle.textContent = '\u0e2d\u0e2d\u0e01\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d';\n } else {\n document.exitFullscreen();\n fullscreenToggle.textContent = '\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d';\n }\n });\n \n \/\/ \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e14\u0e49\u0e27\u0e22\u0e41\u0e1b\u0e49\u0e19\u0e1e\u0e34\u0e21\u0e1e\u0e4c\n document.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowRight') {\n goToSlide(currentIndex + 1);\n } else if (e.key === 'ArrowLeft') {\n goToSlide(currentIndex - 1);\n }\n });\n \n \/\/ \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e41\u0e23\u0e01\n goToSlide(0);\n });\n <\/script>\n<\/body>\n<\/html>\n\r\n","protected":false},"excerpt":{"rendered":"<p>\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14 A4 1 \/ 7 \u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d ❮ ❯<\/p>\n","protected":false},"author":5,"featured_media":12483,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_crdt_document":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-12488","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-4"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts\/12488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12488"}],"version-history":[{"count":2,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts\/12488\/revisions"}],"predecessor-version":[{"id":12492,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts\/12488\/revisions\/12492"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/media\/12483"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}