{"id":4150,"date":"2026-01-23T10:01:26","date_gmt":"2026-01-23T10:01:26","guid":{"rendered":"https:\/\/www.arts.chula.ac.th\/geography\/?page_id=4150"},"modified":"2026-01-23T10:05:32","modified_gmt":"2026-01-23T10:05:32","slug":"%e0%b8%84%e0%b8%a5%e0%b8%b1%e0%b8%87%e0%b8%84%e0%b8%b3%e0%b8%a8%e0%b8%b1%e0%b8%9e%e0%b8%97%e0%b9%8c%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%96%e0%b8%b4%e0%b9%88%e0%b8%99%e0%b9%81%e0%b8%a5%e0%b8%b0-5","status":"publish","type":"page","link":"https:\/\/www.arts.chula.ac.th\/geography\/?page_id=4150","title":{"rendered":"\u0e04\u0e25\u0e31\u0e07\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e20\u0e32\u0e29\u0e32\u0e16\u0e34\u0e48\u0e19\u0e41\u0e25\u0e30\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e1b\u0e0f\u0e34\u0e20\u0e32\u0e04\u0e0a\u0e38\u0e14\u0e0a-\u0e08-\u0e0b\u0e43\u0e19\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e15\u0e23\u0e14\u0e34\u0e15\u0e16\u0e4c\u0e1e\u0e34\u0e29\u0e13\u0e38\u0e42\u0e25\u0e01\u0e40\u0e25\u0e22\u0e1e\u0e34\u0e08\u0e34\u0e15\u0e23\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e0a\u0e23\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 (\u0e1e.\u0e28. 2553) \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4150\" class=\"elementor elementor-4150\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d8c6e8 e-flex e-con-boxed e-con e-parent\" data-id=\"8d8c6e8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1a0934 elementor-widget elementor-widget-html\" data-id=\"d1a0934\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>body { font-family: \"TH Sarabun New\", \"Sarabun\", sans-serif; color: #222; margin: 0; padding: 20px; }\n.back-button-container { margin: 20px 0; }\n.btn-back { display: inline-flex; align-items: center; padding: 8px 16px; text-decoration: none; border-radius: 30px; border: 1px solid #ddd; color: #333; background: #f4f4f4; transition: all 0.2s ease; }\n.btn-back:hover { background: #333; color: #fff; }\n.section { margin-bottom: 32px; }\n.section h3 { margin-bottom: 10px; }\n.image-row { display: flex; flex-wrap: wrap; gap: 16px; }\n.image-card { flex: 1 1 280px; border: 1px solid #ddd; border-radius: 8px; padding: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); text-align: center; background: #fff; }\n.image-card img { width: 100%; height: auto; border-radius: 4px; cursor: pointer; }\n.image-card p { margin: 8px 0 0; font-size: 16px; }\n.message { text-align: center; color: #666; margin: 12px 0; }\n.custom-modal { display:none; position: fixed; z-index: 9999; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.9); padding-top:40px; }\n.custom-modal img { margin:auto; display:block; max-width:90%; max-height:85vh; border: 4px solid #fff; }\n.custom-modal .close-modal { position:absolute; top:20px; right:35px; color:#fff; font-size:32px; font-weight:bold; cursor:pointer; }\n<\/style>\n\n<div class=\"back-button-container\">\n        <a href=\"history.back()\" class=\"btn-back\">\u2190 \u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a<\/a>\n    <\/div>\n    <div style=\"text-align:center; margin-bottom: 20px;\">\n        <h1 id=\"dynamic-h1\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...<\/h1>\n        <p id=\"dynamic-meta\"><\/p>\n    <\/div>\n    <div id=\"rows-container\"><\/div>\n    <div id=\"imageModal\" class=\"custom-modal\">\n        <span class=\"close-modal\">\u00d7<\/span>\n        <img id=\"imgFull\" alt=\"preview\">\n    <\/div>\n    <script>const BASE_PATH = '\/geography\/wp-content\/uploads\/2026\/01\/';\nconst WORD_TITLES = {\"1\": \"\u0e14\u0e2d\u0e01\u0e01\u0e23\u0e30\u0e16\u0e34\u0e19\", \"2\": \"\u0e14\u0e2d\u0e01\u0e1a\u0e32\u0e19\u0e44\u0e21\u0e48\u0e23\u0e39\u0e49\u0e42\u0e23\u0e22\", \"3\": \"\u0e1f\u0e31\u0e01\u0e17\u0e2d\u0e07\", \"4\": \"\u0e21\u0e30\u0e25\u0e30\u0e01\u0e2d\", \"5\": \"\u0e21\u0e30\u0e23\u0e30\", \"6\": \"\u0e02\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e31\u0e01\", \"7\": \"\u0e1b\u0e25\u0e32\u0e2b\u0e21\u0e2d\", \"8\": \"\u0e08\u0e34\u0e49\u0e07\u0e40\u0e2b\u0e25\u0e19\", \"9\": \"\u0e44\u0e21\u0e49\u0e01\u0e27\u0e32\u0e14\", \"10\": \"\u0e01\u0e32\u0e07\u0e40\u0e01\u0e07\", \"11\": \"\u0e1e\u0e23\u0e30\", \"12\": \"\u0e42\u0e01\u0e2b\u0e01\", \"13\": \"\u0e09\u0e25\u0e32\u0e14\", \"14\": \"\u0e40\u0e1a\u0e37\u0e48\u0e2d\", \"15\": \"\u0e02\u0e31\u0e19\u0e15\u0e31\u0e01\u0e19\u0e49\u0e33\", \"16\": \"\u0e0a\u0e49\u0e32\u0e07\", \"17\": \"\u0e40\u0e0a\u0e49\u0e32\", \"18\": \"\u0e0a\u0e37\u0e48\u0e2d\", \"19\": \"\u0e40\u0e0a\u0e37\u0e2d\u0e01\", \"20\": \"\u0e40\u0e0a\u0e37\u0e48\u0e2d\"};\nconst S1A = {\"16\": \"p4_s1_a_w16.gif\", \"17\": \"p4_s1_a_w17.gif\", \"15\": \"p4_s1_a_w15.gif\", \"14\": \"p4_s1_a_w14.gif\", \"10\": \"p4_s1_a_w10.gif\", \"11\": \"p4_s1_a_w11.gif\", \"13\": \"p4_s1_a_w13.gif\", \"12\": \"p4_s1_a_w12.gif\", \"7\": \"p4_s1_a_w7.gif\", \"6\": \"p4_s1_a_w6.gif\", \"4\": \"p4_s1_a_w4.gif\", \"5\": \"p4_s1_a_w5.gif\", \"1\": \"p4_s1_a_w1.gif\", \"2\": \"p4_s1_a_w2.gif\", \"3\": \"p4_s1_a_w3.gif\", \"8\": \"p4_s1_a_w8.gif\", \"9\": \"p4_s1_a_w9.gif\", \"20\": \"p4_s1_a_w20.gif\", \"19\": \"p4_s1_a_w19.gif\", \"18\": \"p4_s1_a_w18.gif\"};\nconst S1C = {\"10\": \"p4_s1_c_w10.gif\", \"2\": \"p4_s1_c_w2.gif\", \"3\": \"p4_s1_c_w3.gif\", \"11\": \"p4_s1_c_w11.gif\", \"13\": \"p4_s1_c_w13.gif\", \"1\": \"p4_s1_c_w1.gif\", \"12\": \"p4_s1_c_w12.gif\", \"16\": \"p4_s1_c_w16.gif\", \"4\": \"p4_s1_c_w4.gif\", \"5\": \"p4_s1_c_w5.gif\", \"17\": \"p4_s1_c_w17.gif\", \"15\": \"p4_s1_c_w15.gif\", \"7\": \"p4_s1_c_w7.gif\", \"6\": \"p4_s1_c_w6.gif\", \"14\": \"p4_s1_c_w14.gif\", \"19\": \"p4_s1_c_w19.gif\", \"18\": \"p4_s1_c_w18.gif\", \"8\": \"p4_s1_c_w8.gif\", \"9\": \"p4_s1_c_w9.gif\", \"20\": \"p4_s1_c_w20.gif\"};\nconst S2A = {\"8\": \"p4_s2_a_w8.gif\", \"20\": \"p4_s2_a_w20.gif\", \"9\": \"p4_s2_a_w9.gif\", \"18\": \"p4_s2_a_w18.gif\", \"19\": \"p4_s2_a_w19.gif\", \"2\": \"p4_s2_a_w2.gif\", \"17\": \"p4_s2_a_w17.gif\", \"16\": \"p4_s2_a_w16.gif\", \"3\": \"p4_s2_a_w3.gif\", \"1\": \"p4_s2_a_w1.gif\", \"14\": \"p4_s2_a_w14.gif\", \"15\": \"p4_s2_a_w15.gif\", \"4\": \"p4_s2_a_w4.gif\", \"11\": \"p4_s2_a_w11.gif\", \"10\": \"p4_s2_a_w10.gif\", \"5\": \"p4_s2_a_w5.gif\", \"7\": \"p4_s2_a_w7.gif\", \"12\": \"p4_s2_a_w12.gif\", \"13\": \"p4_s2_a_w13.gif\", \"6\": \"p4_s2_a_w6.gif\"};\nconst S2C = {\"8\": \"p4_s2_c_w8.gif\", \"9\": \"p4_s2_c_w9.gif\", \"18\": \"p4_s2_c_w18.gif\", \"19\": \"p4_s2_c_w19.gif\", \"20\": \"p4_s2_c_w20.gif\", \"11\": \"p4_s2_c_w11.gif\", \"10\": \"p4_s2_c_w10.gif\", \"12\": \"p4_s2_c_w12.gif\", \"13\": \"p4_s2_c_w13.gif\", \"17\": \"p4_s2_c_w17.gif\", \"16\": \"p4_s2_c_w16.gif\", \"14\": \"p4_s2_c_w14.gif\", \"15\": \"p4_s2_c_w15.gif\", \"7\": \"p4_s2_c_w7.gif\", \"6\": \"p4_s2_c_w6.gif\", \"4\": \"p4_s2_c_w4.gif\", \"5\": \"p4_s2_c_w5.gif\", \"1\": \"p4_s2_c_w1.gif\", \"2\": \"p4_s2_c_w2.gif\", \"3\": \"p4_s2_c_w3.gif\"};\nconst S4 = {\"19\": \"p4_s4_w19.gif\", \"18\": \"p4_s4_w18.gif\", \"20\": \"p4_s4_w20.gif\", \"2\": \"p4_s4_w2.gif\", \"3\": \"p4_s4_w3.gif\", \"1\": \"p4_s4_w1.gif\", \"4\": \"p4_s4_w4.gif\", \"5\": \"p4_s4_w5.gif\", \"7\": \"p4_s4_w7.gif\", \"6\": \"p4_s4_w6.gif\", \"9\": \"p4_s4_w9.gif\", \"10\": \"p4_s4_w10.gif\", \"11\": \"p4_s4_w11.gif\", \"13\": \"p4_s4_w13.gif\", \"12\": \"p4_s4_w12.gif\", \"16\": \"p4_s4_w16.gif\", \"17\": \"p4_s4_w17.gif\", \"15\": \"p4_s4_w15.gif\", \"14\": \"p4_s4_w14.gif\"};\nconst EXTRA = {\"p4_s3\": \"p4_s3.gif\", \"p4_s5\": \"p4_s5.gif\"};\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    const params = new URLSearchParams(window.location.search);\n    const n = params.get('n');\n    const heading = document.getElementById('dynamic-h1');\n    const meta = document.getElementById('dynamic-meta');\n    const title = n && WORD_TITLES[n];\n    if (title) {\n        heading.textContent = title;\n        meta.textContent = `\u0e04\u0e33\u0e17\u0e35\u0e48\u0e19\u0e31\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e25\u0e33\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48 ${n}`;\n    } else {\n        heading.textContent = '\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25';\n        meta.textContent = n ? `\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e04\u0e33\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e25\u0e33\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48 ${n}` : '\u0e42\u0e1b\u0e23\u0e14\u0e23\u0e30\u0e1a\u0e38\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e25\u0e02\u0e04\u0e33';\n    }\n    const modal = document.getElementById('imageModal');\n    const modalImg = document.getElementById('imgFull');\n    const showModal = (src) => {\n        modal.style.display = 'block';\n        modalImg.src = src;\n    };\n    const hideModal = () => {\n        modal.style.display = 'none';\n        modalImg.src = '';\n    };\n    modal.querySelector('.close-modal').addEventListener('click', hideModal);\n    modal.addEventListener('click', (event) => { if (event.target === modal) hideModal(); });\n    document.addEventListener('keyup', (event) => { if (event.key === 'Escape') hideModal(); });\n\n    const rowsContainer = document.getElementById('rows-container');\n    const buildCard = (label, filename) => {\n        const card = document.createElement('div');\n        card.className = 'image-card';\n        if (filename) {\n            card.innerHTML = `<img decoding=\"async\" src=\"${BASE_PATH + filename}\" alt=\"${label}\"><p>${label}<\/p>`;\n            card.querySelector('img').addEventListener('click', () => showModal(BASE_PATH + filename));\n        } else {\n            card.innerHTML = `<p class=\"message\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e44\u0e1f\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e48\u0e27\u0e19\u0e19\u0e35\u0e49<\/p>`;\n        }\n        return card;\n    };\n    const addRow = (title, cards) => {\n        const section = document.createElement('section');\n        section.className = 'section';\n        const h3 = document.createElement('h3');\n        h3.textContent = title;\n        section.appendChild(h3);\n        const row = document.createElement('div');\n        row.className = 'image-row';\n        cards.forEach(card => row.appendChild(card));\n        section.appendChild(row);\n        rowsContainer.appendChild(section);\n    };\n    const row1 = [buildCard('\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e0d\u0e48', n && S1A[n]), buildCard('\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e40\u0e14\u0e47\u0e01', n && S1C[n])];\n            addRow('\u0e41\u0e1c\u0e19\u0e20\u0e39\u0e21\u0e34\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c - \u0e0a\u0e38\u0e14\u0e17\u0e35\u0e48 1', row1);\n            const row2 = [buildCard('\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e0d\u0e48', n && S2A[n]), buildCard('\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e40\u0e14\u0e47\u0e01', n && S2C[n])];\n            addRow('\u0e41\u0e1c\u0e19\u0e20\u0e39\u0e21\u0e34\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c - \u0e0a\u0e38\u0e14\u0e17\u0e35\u0e48 2', row2);\n            const row3File = (() => {\n                if (!n) return null;\n                const num = parseInt(n, 10);\n                if (isNaN(num)) return null;\n                return num >= 16 ? EXTRA['p4_s5'] : EXTRA['p4_s3'];\n            })();\n            addRow('\u0e41\u0e1c\u0e19\u0e20\u0e39\u0e21\u0e34\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a (\u0e0a\u0e38\u0e14\u0e17\u0e35\u0e48 3\/5)', [buildCard('\u0e41\u0e1c\u0e19\u0e20\u0e39\u0e21\u0e34\u0e23\u0e27\u0e21', row3File)]);\n            addRow('\u0e41\u0e1c\u0e19\u0e20\u0e39\u0e21\u0e34\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e0d\u0e48-\u0e40\u0e14\u0e47\u0e01', [buildCard('\u0e41\u0e1c\u0e19\u0e20\u0e39\u0e21\u0e34\u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e0d\u0e48-\u0e40\u0e14\u0e47\u0e01', n && S4[n])]);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2190 \u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25&#8230; \u00d7<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4150","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.arts.chula.ac.th\/geography\/index.php?rest_route=\/wp\/v2\/pages\/4150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.arts.chula.ac.th\/geography\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.arts.chula.ac.th\/geography\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.arts.chula.ac.th\/geography\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.arts.chula.ac.th\/geography\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4150"}],"version-history":[{"count":13,"href":"https:\/\/www.arts.chula.ac.th\/geography\/index.php?rest_route=\/wp\/v2\/pages\/4150\/revisions"}],"predecessor-version":[{"id":4274,"href":"https:\/\/www.arts.chula.ac.th\/geography\/index.php?rest_route=\/wp\/v2\/pages\/4150\/revisions\/4274"}],"wp:attachment":[{"href":"https:\/\/www.arts.chula.ac.th\/geography\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}