{"id":12608,"date":"2025-03-15T20:11:05","date_gmt":"2025-03-15T13:11:05","guid":{"rendered":"https:\/\/www.doa.go.th\/oard2\/?p=12608"},"modified":"2025-03-17T10:19:02","modified_gmt":"2025-03-17T03:19:02","slug":"%e0%b8%a3%e0%b8%ad%e0%b8%87%e0%b8%ad%e0%b8%98%e0%b8%b4%e0%b8%9a%e0%b8%94%e0%b8%b5%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","status":"publish","type":"post","link":"https:\/\/www.doa.go.th\/oard2\/?p=12608","title":{"rendered":"\u0e23\u0e2d\u0e07\u0e2d\u0e18\u0e34\u0e1a\u0e14\u0e35\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e25\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e38\u0e15\u0e23\u0e14\u0e34\u0e15\u0e16\u0e4c \u0e40\u0e19\u0e49\u0e19\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e38\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e08\u0e35\u0e19"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"12608\" class=\"elementor elementor-12608\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-374c246 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"374c246\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f84e37d\" data-id=\"f84e37d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-69e39be elementor-widget elementor-widget-text-editor\" data-id=\"69e39be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"xdj266r x11i5rnm xat24cr x1mh8g0r x1vvkbs x126k92a\"><div dir=\"auto\"><span style=\"font-family: Kanit; font-size: 16px;\">\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 15 \u0e21\u0e35\u0e19\u0e32\u0e04\u0e21 2568 \u0e14\u0e23.\u0e1e\u0e07\u0e28\u0e4c\u0e44\u0e17 \u0e44\u0e17\u0e42\u0e22\u0e18\u0e34\u0e19 \u0e23\u0e2d\u0e07\u0e2d\u0e18\u0e34\u0e1a\u0e14\u0e35\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e01\u0e32\u0e0d\u0e08\u0e19\u0e32 \u0e17\u0e2d\u0e07\u0e19\u0e30 \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e40\u0e02\u0e15\u0e17\u0e35\u0e48 2 \u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e43\u0e19\u0e40\u0e02\u0e15 \u0e2a\u0e27\u0e1e.2<\/span><\/div><div dir=\"auto\"><span style=\"font-family: Kanit; font-size: 16px;\">\u0e44\u0e14\u0e49\u0e21\u0e35\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e0a\u0e21\u0e41\u0e25\u0e30\u0e23\u0e31\u0e1a\u0e1f\u0e31\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e04\u0e31\u0e14\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e1c\u0e25\u0e44\u0e21\u0e49 \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e1c\u0e25\u0e17\u0e38\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e15\u0e23\u0e14\u0e34\u0e15\u0e16\u0e4c \u0e13 \u0e42\u0e23\u0e07\u0e04\u0e31\u0e14\u0e1a\u0e23\u0e23\u0e08\u0e38 \u0e17\u0e35\u0e40\u0e2d\u0e47\u0e21\u0e1f\u0e23\u0e38\u0e17 \u0e40\u0e17\u0e23\u0e14\u0e14\u0e34\u0e49\u0e07 \u0e40\u0e25\u0e02\u0e17\u0e35\u0e48 9\/9 \u0e2b\u0e21\u0e39\u0e48\u0e17\u0e35\u0e48 9 \u0e15\u0e33\u0e1a\u0e25\u0e41\u0e21\u0e48\u0e1e\u0e39\u0e25 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e25\u0e31\u0e1a\u0e41\u0e25 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e15\u0e23\u0e14\u0e34\u0e15\u0e16\u0e4c<\/span><\/div><div dir=\"auto\"><span style=\"font-family: Kanit; font-size: 16px;\">\u0e01\u0e32\u0e23\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e0a\u0e21\u0e04\u0e23\u0e31\u0e49\u0e07\u0e19\u0e35\u0e49\u0e21\u0e35\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e35\u0e49\u0e41\u0e08\u0e07\u0e16\u0e36\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e41\u0e25\u0e30\u0e40\u0e2b\u0e15\u0e38\u0e1c\u0e25\u0e43\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e2b\u0e32\u0e2a\u0e35 BY2 \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e41\u0e04\u0e14\u0e40\u0e21\u0e35\u0e22\u0e21\u0e43\u0e19\u0e1c\u0e25\u0e1c\u0e25\u0e34\u0e15\u0e17\u0e38\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e17\u0e38\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e08\u0e35\u0e19<\/span><\/div><\/div><div class=\"x11i5rnm xat24cr x1mh8g0r x1vvkbs xtlvy1s x126k92a\"><div dir=\"auto\"><span style=\"font-family: Kanit; font-size: 16px;\">\u0e43\u0e19\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e19\u0e35\u0e49 \u0e23\u0e2d\u0e07\u0e2d\u0e18\u0e34\u0e1a\u0e14\u0e35\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e22\u0e31\u0e07\u0e44\u0e14\u0e49\u0e40\u0e19\u0e49\u0e19\u0e22\u0e49\u0e33\u0e16\u0e36\u0e07\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23 4 \u0e44\u0e21\u0e48 \u0e0b\u0e36\u0e48\u0e07\u0e21\u0e35\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e43\u0e19\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e41\u0e25\u0e30\u0e23\u0e31\u0e01\u0e29\u0e32\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e38\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e17\u0e22\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07 \u0e2d\u0e35\u0e01\u0e17\u0e31\u0e49\u0e07\u0e22\u0e31\u0e07\u0e44\u0e14\u0e49\u0e23\u0e13\u0e23\u0e07\u0e04\u0e4c\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 Big Cleaning Day \u0e01\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e23\u0e34\u0e48\u0e21\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e17\u0e38\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e1c\u0e25\u0e1c\u0e25\u0e34\u0e15\u0e17\u0e38\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e19\u0e40\u0e02\u0e15\u0e20\u0e32\u0e04\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e15\u0e2d\u0e19\u0e25\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14<\/span><\/div><div dir=\"auto\"><span style=\"font-family: Kanit; font-size: 16px;\">\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e41\u0e25\u0e30\u0e22\u0e34\u0e19\u0e14\u0e35\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e08\u0e30\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e48\u0e27\u0e21\u0e43\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 Big Cleaning Day \u0e42\u0e14\u0e22\u0e21\u0e35\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e01\u0e31\u0e1a\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e43\u0e19\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e15\u0e48\u0e2d\u0e44\u0e1b<\/span><\/div><\/div><div class=\"x11i5rnm xat24cr x1mh8g0r x1vvkbs xtlvy1s x126k92a\"><div dir=\"auto\"><span style=\"font-family: Kanit; font-size: 16px;\">\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23\u0e01\u0e47\u0e15\u0e32\u0e21 \u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e14\u0e31\u0e07\u0e01\u0e25\u0e48\u0e32\u0e27\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e17\u0e38\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e17\u0e22 \u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e02\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e02\u0e2d\u0e07\u0e44\u0e17\u0e22\u0e17\u0e31\u0e49\u0e07\u0e15\u0e25\u0e32\u0e14\u0e20\u0e32\u0e22\u0e43\u0e19\u0e41\u0e25\u0e30\u0e15\u0e25\u0e32\u0e14\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e43\u0e19\u0e2d\u0e19\u0e32\u0e04\u0e15<\/span><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-112557d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"112557d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cacca76\" data-id=\"cacca76\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b5a6e87 elementor-widget elementor-widget-html\" data-id=\"b5a6e87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Image Slideshow with Zoom<\/title>\r\n    <style>\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        \r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            background-color: #f5f5f5;\r\n            padding: 20px;\r\n        }\r\n        \r\n        .slideshow-container {\r\n            max-width: 800px;\r\n            position: relative;\r\n            margin: 0 auto;\r\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\r\n            background-color: white;\r\n            padding: 10px;\r\n        }\r\n        \r\n        .mySlides {\r\n            display: none;\r\n            text-align: center;\r\n        }\r\n        \r\n        .mySlides img {\r\n            max-width: 100%;\r\n            height: auto;\r\n            cursor: zoom-in;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .prev, .next {\r\n            cursor: pointer;\r\n            position: absolute;\r\n            top: 50%;\r\n            width: auto;\r\n            margin-top: -22px;\r\n            padding: 16px;\r\n            color: white;\r\n            font-weight: bold;\r\n            font-size: 18px;\r\n            transition: 0.6s ease;\r\n            border-radius: 0 3px 3px 0;\r\n            user-select: none;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n        }\r\n        \r\n        .next {\r\n            right: 10px;\r\n            border-radius: 3px 0 0 3px;\r\n        }\r\n        \r\n        .prev {\r\n            left: 10px;\r\n        }\r\n        \r\n        .prev:hover, .next:hover {\r\n            background-color: rgba(0, 0, 0, 0.8);\r\n        }\r\n        \r\n        .dot-container {\r\n            text-align: center;\r\n            padding: 20px 0;\r\n        }\r\n        \r\n        .dot {\r\n            cursor: pointer;\r\n            height: 15px;\r\n            width: 15px;\r\n            margin: 0 2px;\r\n            background-color: #bbb;\r\n            border-radius: 50%;\r\n            display: inline-block;\r\n            transition: background-color 0.6s ease;\r\n        }\r\n        \r\n        .active, .dot:hover {\r\n            background-color: #717171;\r\n        }\r\n        \r\n        .slide-number {\r\n            color: #f2f2f2;\r\n            font-size: 12px;\r\n            padding: 8px 12px;\r\n            position: absolute;\r\n            top: 0;\r\n        }\r\n        \r\n        \/* Modal (background) *\/\r\n        .modal {\r\n            display: none;\r\n            position: fixed;\r\n            z-index: 1;\r\n            padding-top: 50px;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: auto;\r\n            background-color: rgba(0, 0, 0, 0.9);\r\n        }\r\n        \r\n        \/* Modal Content *\/\r\n        .modal-content {\r\n            margin: auto;\r\n            display: block;\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n        }\r\n        \r\n        \/* Close Button *\/\r\n        .close {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 35px;\r\n            color: #f1f1f1;\r\n            font-size: 40px;\r\n            font-weight: bold;\r\n            transition: 0.3s;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .close:hover,\r\n        .close:focus {\r\n            color: #bbb;\r\n            text-decoration: none;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        \/* Caption *\/\r\n        .caption {\r\n            margin: auto;\r\n            display: block;\r\n            width: 80%;\r\n            max-width: 700px;\r\n            text-align: center;\r\n            color: #ccc;\r\n            padding: 10px 0;\r\n            height: 50px;\r\n        }\r\n        \r\n        \/* Modal Navigation *\/\r\n        .modal-prev, .modal-next {\r\n            cursor: pointer;\r\n            position: absolute;\r\n            top: 50%;\r\n            width: auto;\r\n            padding: 16px;\r\n            margin-top: -50px;\r\n            color: white;\r\n            font-weight: bold;\r\n            font-size: 30px;\r\n            transition: 0.6s ease;\r\n            border-radius: 0 3px 3px 0;\r\n            user-select: none;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            z-index: 2;\r\n        }\r\n        \r\n        .modal-next {\r\n            right: 20px;\r\n            border-radius: 3px 0 0 3px;\r\n        }\r\n        \r\n        .modal-prev {\r\n            left: 20px;\r\n        }\r\n        \r\n        .modal-prev:hover, .modal-next:hover {\r\n            background-color: rgba(0, 0, 0, 0.8);\r\n        }\r\n        \r\n        \/* Animation *\/\r\n        .fade {\r\n            animation-name: fade;\r\n            animation-duration: 1.5s;\r\n        }\r\n        \r\n        @keyframes fade {\r\n            from {opacity: .4} \r\n            to {opacity: 1}\r\n        }\r\n        \r\n        \/* Responsive design *\/\r\n        @media only screen and (max-width: 700px) {\r\n            .modal-content {\r\n                width: 100%;\r\n            }\r\n            .modal-prev, .modal-next {\r\n                padding: 10px;\r\n                font-size: 22px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"slideshow-container\">\r\n        <!-- Images will be added here -->\r\n        <div class=\"mySlides fade\">\r\n            <div class=\"slide-number\">1 \/ 12<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/484386240_1047348114102717_2394925081741900057_n.jpg\" alt=\"Image 1\">\r\n        <\/div>\r\n        \r\n        <div class=\"mySlides fade\">\r\n            <div class=\"slide-number\">2 \/ 12<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/484500308_1047348210769374_421250289646486170_n.jpg\" alt=\"Image 2\">\r\n        <\/div>\r\n        \r\n        <div class=\"mySlides fade\">\r\n            <div class=\"slide-number\">3 \/ 12<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/484509123_1047348147436047_5369840029654509769_n.jpg\" alt=\"Image 3\">\r\n        <\/div>\r\n        \r\n        <div class=\"mySlides fade\">\r\n            <div class=\"slide-number\">4 \/ 12<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/484555557_1047348340769361_3094240564610319617_n.jpg\" alt=\"Image 4\">\r\n        <\/div>\r\n        \r\n        <div class=\"mySlides fade\">\r\n            <div class=\"slide-number\">5 \/ 12<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/484782867_1047348177436044_3946002486359528821_n.jpg\" alt=\"Image 5\">\r\n        <\/div>\r\n        \r\n        <div class=\"mySlides fade\">\r\n            <div class=\"slide-number\">6 \/ 12<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/484804370_1047347980769397_4687929550440902416_n.jpg\" alt=\"Image 6\">\r\n        <\/div>\r\n        \r\n        <div class=\"mySlides fade\">\r\n            <div class=\"slide-number\">7 \/ 12<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/484859024_1047348070769388_3007948261767576872_n.jpg\" alt=\"Image 7\">\r\n        <\/div>\r\n        \r\n        <div class=\"mySlides fade\">\r\n            <div class=\"slide-number\">8 \/ 12<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/484315290_1047348310769364_5943906268299343274_n.jpg\" alt=\"Image 8\">\r\n        <\/div>\r\n        \r\n        <div class=\"mySlides fade\">\r\n            <div class=\"slide-number\">9 \/ 12<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/484099479_1047348280769367_1648729823894178811_n.jpg\" alt=\"Image 9\">\r\n        <\/div>\r\n        \r\n        <div class=\"mySlides fade\">\r\n            <div class=\"slide-number\">10 \/ 12<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/484052513_1047348037436058_191791477983231958_n.jpg\" alt=\"Image 10\">\r\n        <\/div>\r\n        \r\n        <div class=\"mySlides fade\">\r\n            <div class=\"slide-number\">11 \/ 12<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/484051074_1047348010769394_6034554128049862886_n.jpg\" alt=\"Image 11\">\r\n        <\/div>\r\n        \r\n        <div class=\"mySlides fade\">\r\n            <div class=\"slide-number\">12 \/ 12<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/484050968_1047348240769371_8268914278050518467_n.jpg\" alt=\"Image 12\">\r\n        <\/div>\r\n        \r\n        \r\n        <!-- Next and previous buttons -->\r\n        <a class=\"prev\" onclick=\"plusSlides(-1)\">&#10094;<\/a>\r\n        <a class=\"next\" onclick=\"plusSlides(1)\">&#10095;<\/a>\r\n    <\/div>\r\n    \r\n    <!-- Dots\/circles -->\r\n    <div class=\"dot-container\">\r\n        <span class=\"dot\" onclick=\"currentSlide(1)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(2)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(3)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(4)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(5)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(6)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(7)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(8)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(9)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(10)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(11)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(12)\"><\/span>\r\n       \r\n    <\/div>\r\n    \r\n    <!-- The Modal for zooming -->\r\n    <div id=\"myModal\" class=\"modal\">\r\n        <span class=\"close\">&times;<\/span>\r\n        <a class=\"modal-prev\" onclick=\"plusModalSlides(-1)\">&#10094;<\/a>\r\n        <a class=\"modal-next\" onclick=\"plusModalSlides(1)\">&#10095;<\/a>\r\n        <img class=\"modal-content\" id=\"img01\">\r\n        <div id=\"caption\" class=\"caption\"><\/div>\r\n    <\/div>\r\n    \r\n    <script>\r\n        let slideIndex = 1;\r\n        let modalIndex = 1;\r\n        const totalSlides = 15;\r\n        \r\n        \/\/ Array to store image sources\r\n        const imageSources = [];\r\n        \r\n        \/\/ Collect all image sources on page load\r\n        window.onload = function() {\r\n            const images = document.querySelectorAll('.mySlides img');\r\n            images.forEach(img => {\r\n                imageSources.push({\r\n                    src: img.src,\r\n                    alt: img.alt\r\n                });\r\n            });\r\n            \r\n            showSlides(slideIndex);\r\n        };\r\n        \r\n        \/\/ Next\/previous controls for main slideshow\r\n        function plusSlides(n) {\r\n            showSlides(slideIndex += n);\r\n        }\r\n        \r\n        \/\/ Thumbnail image controls for main slideshow\r\n        function currentSlide(n) {\r\n            showSlides(slideIndex = n);\r\n        }\r\n        \r\n        \/\/ Show slides for main slideshow\r\n        function showSlides(n) {\r\n            let i;\r\n            let slides = document.getElementsByClassName(\"mySlides\");\r\n            let dots = document.getElementsByClassName(\"dot\");\r\n            if (n > slides.length) {slideIndex = 1}\r\n            if (n < 1) {slideIndex = slides.length}\r\n            for (i = 0; i < slides.length; i++) {\r\n                slides[i].style.display = \"none\";\r\n            }\r\n            for (i = 0; i < dots.length; i++) {\r\n                dots[i].className = dots[i].className.replace(\" active\", \"\");\r\n            }\r\n            slides[slideIndex-1].style.display = \"block\";\r\n            dots[slideIndex-1].className += \" active\";\r\n        }\r\n        \r\n        \/\/ Next\/previous controls for modal slideshow\r\n        function plusModalSlides(n) {\r\n            showModalImage(modalIndex += n);\r\n        }\r\n        \r\n        \/\/ Show image in modal\r\n        function showModalImage(n) {\r\n            if (n > totalSlides) {modalIndex = 1}\r\n            if (n < 1) {modalIndex = totalSlides}\r\n            \r\n            const modalImg = document.getElementById(\"img01\");\r\n            const captionText = document.getElementById(\"caption\");\r\n            \r\n            modalImg.src = imageSources[modalIndex-1].src;\r\n            captionText.innerHTML = \"Image \" + modalIndex + \" \/ \" + totalSlides;\r\n            \r\n            \/\/ Also update the main slideshow to match\r\n            currentSlide(modalIndex);\r\n        }\r\n        \r\n        \/\/ Get the modal\r\n        const modal = document.getElementById(\"myModal\");\r\n        \r\n        \/\/ Get the modal image and caption\r\n        const modalImg = document.getElementById(\"img01\");\r\n        const captionText = document.getElementById(\"caption\");\r\n        \r\n        \/\/ Get all images and set up click handlers\r\n        const images = document.querySelectorAll('.mySlides img');\r\n        images.forEach((img, index) => {\r\n            img.onclick = function() {\r\n                modal.style.display = \"block\";\r\n                modalIndex = index + 1;\r\n                modalImg.src = this.src;\r\n                captionText.innerHTML = \"Image \" + modalIndex + \" \/ \" + totalSlides;\r\n            }\r\n        });\r\n        \r\n        \/\/ Get the <span> element that closes the modal\r\n        const span = document.getElementsByClassName(\"close\")[0];\r\n        \r\n        \/\/ When the user clicks on <span> (x), close the modal\r\n        span.onclick = function() {\r\n            modal.style.display = \"none\";\r\n        }\r\n        \r\n        \/\/ Close the modal when clicking outside the image\r\n        modal.onclick = function(event) {\r\n            if (event.target === modal) {\r\n                modal.style.display = \"none\";\r\n            }\r\n        }\r\n        \r\n        \/\/ Add keyboard navigation\r\n        document.addEventListener('keydown', function(event) {\r\n            \/\/ Close modal with Escape key\r\n            if (event.key === \"Escape\" && modal.style.display === \"block\") {\r\n                modal.style.display = \"none\";\r\n            }\r\n            \r\n            \/\/ Navigate with arrow keys when modal is open\r\n            if (modal.style.display === \"block\") {\r\n                if (event.key === \"ArrowLeft\") {\r\n                    plusModalSlides(-1);\r\n                } else if (event.key === \"ArrowRight\") {\r\n                    plusModalSlides(1);\r\n                }\r\n            } else {\r\n                \/\/ Navigate main slideshow with arrow keys when modal is closed\r\n                if (event.key === \"ArrowLeft\") {\r\n                    plusSlides(-1);\r\n                } else if (event.key === \"ArrowRight\") {\r\n                    plusSlides(1);\r\n                }\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 15 \u0e21\u0e35\u0e19\u0e32\u0e04\u0e21 2568 \u0e14\u0e23.\u0e1e\u0e07\u0e28\u0e4c\u0e44\u0e17 \u0e44\u0e17\u0e42\u0e22\u0e18\u0e34\u0e19 \u0e23\u0e2d\u0e07\u0e2d\u0e18\u0e34\u0e1a\u0e14\u0e35\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":12601,"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":[3],"tags":[],"class_list":["post-12608","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts\/12608","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=12608"}],"version-history":[{"count":10,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts\/12608\/revisions"}],"predecessor-version":[{"id":12618,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts\/12608\/revisions\/12618"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/media\/12601"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}