{"id":7494,"date":"2026-02-25T09:33:07","date_gmt":"2026-02-25T02:33:07","guid":{"rendered":"https:\/\/tubtimsiam04.ac.th\/?p=7494"},"modified":"2026-03-02T21:47:59","modified_gmt":"2026-03-02T14:47:59","slug":"%e0%b8%97%e0%b8%b5%e0%b8%a1%e0%b8%ab%e0%b8%b8%e0%b9%88%e0%b8%99%e0%b8%a2%e0%b8%99%e0%b8%95%e0%b9%8c%e0%b8%84%e0%b8%a7%e0%b9%89%e0%b8%b2%e0%b8%a3%e0%b8%b2%e0%b8%87%e0%b8%a7%e0%b8%b1%e0%b8%a5-2","status":"publish","type":"post","link":"https:\/\/tubtimsiam04.ac.th\/?p=7494","title":{"rendered":"\u0e2b\u0e38\u0e48\u0e19\u0e22\u0e19\u0e15\u0e4c\u0e23\u0e32\u0e0a\u0e21\u0e07\u0e04\u0e25\u0e2a\u0e38\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 2569"},"content":{"rendered":"\n<p>\u0e02\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e37\u0e48\u0e19\u0e0a\u0e21\u0e41\u0e25\u0e30\u0e22\u0e34\u0e19\u0e14\u0e35\u0e01\u0e31\u0e1a <strong>\u0e17\u0e35\u0e21\u0e2b\u0e38\u0e48\u0e19\u0e22\u0e19\u0e15\u0e4c\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/strong> \u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e04\u0e27\u0e49\u0e32\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25<\/p>\n\n\n\n<p>\ud83e\udd48 <strong>\u0e23\u0e2d\u0e07\u0e0a\u0e19\u0e30\u0e40\u0e25\u0e34\u0e28\u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a 2<\/strong><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0e17\u0e35\u0e21 fruit_tubtim_robot <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1.\u0e40\u0e14\u0e47\u0e01\u0e0a\u0e32\u0e22\u0e01\u0e35\u0e23\u0e15\u0e34 \u0e1e\u0e39\u0e19\u0e21\u0e32\u0e01 \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19 \u0e21.2\/1<br>\ud83c\udfc5 <strong>\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e0a\u0e21\u0e40\u0e0a\u0e22<\/strong><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0e17\u0e35\u0e21 \u0e2d\u0e35\u0e22\u0e31\u0e07\u0e2b\u0e27\u0e4a\u0e30<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1.\u0e40\u0e14\u0e47\u0e01\u0e0a\u0e32\u0e22\u0e1b\u0e31\u0e15\u0e10\u0e34\u0e20\u0e31\u0e17\u0e23\u0e4c \u0e40\u0e1e\u0e47\u0e07\u0e07\u0e32\u0e21 \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19 \u0e21.2\/2<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2.\u0e40\u0e14\u0e47\u0e01\u0e2b\u0e0d\u0e34\u0e07\u0e18\u0e35\u0e23\u0e0a\u0e32 \u0e42\u0e01\u0e22\u0e17\u0e32 \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19 \u0e21.2\/2<br><br>\ud83c\udfaf\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19<br>&nbsp;&nbsp;&nbsp;1.&nbsp;&nbsp;\u0e40\u0e14\u0e47\u0e01\u0e0a\u0e32\u0e22\u0e13\u0e0f\u0e10\u0e1e\u0e25 \u0e1a\u0e38\u0e0d\u0e01\u0e25\u0e49\u0e32&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19 \u0e21.1\/1<br>&nbsp;&nbsp;&nbsp;2.&nbsp;\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e01\u0e31\u0e0d\u0e0d\u0e32\u0e23\u0e31\u0e15\u0e19\u0e4c \u0e25\u0e38\u0e19\u0e1a\u0e38\u0e14\u0e14\u0e32&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19 \u0e21.4\/1<br>&nbsp;&nbsp;&nbsp;3.&nbsp;\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e38\u0e1e\u0e23\u0e23\u0e13\u0e29\u0e32 \u0e2a\u0e38\u0e20\u0e34\u0e29\u0e30&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19 \u0e21.4\/1<br>&nbsp;&nbsp;&nbsp;4.&nbsp;\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1e\u0e31\u0e0a\u0e23\u0e32\u0e20\u0e32 \u0e17\u0e2d\u0e07\u0e2b\u0e25\u0e48\u0e2d&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19 \u0e21.4\/1<br>&nbsp;&nbsp;&nbsp;5.&nbsp;\u0e19\u0e32\u0e22\u0e23\u0e32\u0e21\u0e27\u0e34\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c \u0e1e\u0e39\u0e19\u0e21\u0e32\u0e01&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19 \u0e21.4\/1<\/p>\n\n\n\n<p>\ud83e\udd16\u0e04\u0e23\u0e39\u0e1c\u0e39\u0e49\u0e1d\u0e36\u0e01\u0e2a\u0e2d\u0e19<br>&nbsp;&nbsp;&nbsp;1 \u0e19\u0e32\u0e22\u0e21\u0e19\u0e15\u0e23\u0e35 \u0e2d\u0e01\u0e2d\u0e38\u0e48\u0e19<br>&nbsp;&nbsp;&nbsp;2 \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1b\u0e23\u0e34\u0e28\u0e19\u0e32 \u0e27\u0e07\u0e29\u0e4c\u0e40\u0e08\u0e23\u0e34\u0e0d<br>&nbsp;&nbsp;&nbsp;3 \u0e19\u0e32\u0e07\u0e2a\u0e38\u0e27\u0e34\u0e21\u0e25 \u0e1b\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e14\u0e32<br><br>\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19 <strong>\u0e2b\u0e38\u0e48\u0e19\u0e22\u0e19\u0e15\u0e4c\u0e23\u0e32\u0e0a\u0e21\u0e07\u0e04\u0e25\u0e2a\u0e38\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 2569<\/strong><br>\u0e20\u0e32\u0e22\u0e43\u0e19\u0e07\u0e32\u0e19\u0e27\u0e31\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e35\u0e2a\u0e32\u0e19\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 13<br>\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 24 \u0e01\u0e38\u0e21\u0e20\u0e32\u0e1e\u0e31\u0e19\u0e18\u0e4c \u0e1e.\u0e28. 2569<\/p>\n\n\n\n<p>\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e43\u0e19\u0e04\u0e23\u0e31\u0e49\u0e07\u0e19\u0e35\u0e49\u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e47\u0e19\u0e16\u0e36\u0e07\u0e04\u0e27\u0e32\u0e21\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19 \u0e15\u0e31\u0e49\u0e07\u0e43\u0e08\u0e1d\u0e36\u0e01\u0e0b\u0e49\u0e2d\u0e21\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 \u0e15\u0e25\u0e2d\u0e14\u0e08\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e21\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e21\u0e41\u0e02\u0e47\u0e07\u0e02\u0e2d\u0e07\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e38\u0e01\u0e04\u0e19<\/p>\n\n\n\n<p>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e02\u0e2d\u0e0a\u0e37\u0e48\u0e19\u0e0a\u0e21\u0e43\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e22\u0e32\u0e22\u0e32\u0e21\u0e02\u0e2d\u0e07\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e04\u0e23\u0e39\u0e1c\u0e39\u0e49\u0e1d\u0e36\u0e01\u0e2a\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e17\u0e38\u0e01\u0e1d\u0e48\u0e32\u0e22 \u0e17\u0e35\u0e48\u0e23\u0e48\u0e27\u0e21\u0e41\u0e23\u0e07\u0e23\u0e48\u0e27\u0e21\u0e43\u0e08\u0e01\u0e31\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e08\u0e19\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e1c\u0e25\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08 \u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e07\u0e48\u0e32\u0e07\u0e32\u0e21 \u2728\ud83e\udd16<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"position: relative; width: 100%; height: 0; padding-top: 56.25%;\n padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;\n border-radius: 8px; will-change: transform;\">\n  <iframe loading=\"lazy\" style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;\"\n    src=\"https:\/\/www.youtube.com\/embed\/XsflPHcV248?si=w-DrLmRQyCi9X6pU\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\n  <\/iframe>\n<\/div>\n\n\n\n<div style=\"position: relative; width: 100%; height: 0; padding-top: 56.25%;\n padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;\n border-radius: 8px; will-change: transform;\">\n  <iframe loading=\"lazy\" style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;\"\n    src=\"https:\/\/www.youtube.com\/embed\/u5aPeor3EQA?si=rxNL07e75q2HLot1\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\n  <\/iframe>\n<\/div>\n\n\n\n<div style=\"position: relative; width: 100%; height: 0; padding-top: 56.25%;\n padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;\n border-radius: 8px; will-change: transform;\">\n  <iframe loading=\"lazy\" style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;\"\n    src=\"https:\/\/www.youtube.com\/embed\/iPfaCvpsPzg?si=hIHqfnQON7tC2jR-\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\n  <\/iframe>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"position: relative; width: 100%; height: 0; padding-top: 56.25%;\n padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;\n border-radius: 8px; will-change: transform;\">\n  <iframe loading=\"lazy\" style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;\"\n    src=\"https:\/\/www.youtube.com\/embed\/yd4ni-VlU2M?si=KdRjLeIgQeB4WDzS\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\n  <\/iframe>\n<\/div>\n\n\n\n<div style=\"position: relative; width: 100%; height: 0; padding-top: 56.25%;\n padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;\n border-radius: 8px; will-change: transform;\">\n  <iframe loading=\"lazy\" style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;\"\n    src=\"https:\/\/www.youtube.com\/embed\/DSjkxTAbAt0?si=0CT7uy6826Qm3WW4\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\n  <\/iframe>\n<\/div>\n\n\n\n<div style=\"position: relative; width: 100%; height: 0; padding-top: 56.25%;\n padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;\n border-radius: 8px; will-change: transform;\">\n  <iframe loading=\"lazy\" style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;\"\nsrc=\"https:\/\/drive.google.com\/file\/d\/16QicWU7u8AJsDrz1xQ5x9Y96Pbaigexy\/preview\" width=\"640\" height=\"480\" allow=\"autoplay\">\n  <\/iframe>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e1a\u0e31\u0e15\u0e23  <a href=\"https:\/\/script.google.com\/macros\/s\/AKfycbySmrbwAV8uknnxbAfpsAFNBs1qVY2-o9pBx8eFZWcETLtEjXE0-agDu2iT5CqclT7e\/exec\" target=\"_blank\" rel=\"noreferrer noopener\">[ Click ]<\/a><\/p>\n\n\n\n<script>\n\tconst gd_link = 'https:\/\/drive.google.com\/drive\/u\/1\/folders\/1Tr28i0ZubczNLiQvjLM7oAUOcmvoanHC';\n\tconst FOLDER_ID = gd_link.split('\/').pop();\n\n\tdocument.addEventListener('DOMContentLoaded', function() {\n\t\tconst linkElement = document.getElementById('driveLink');\n\t\tlinkElement.href = gd_link;\n\t\tlinkElement.textContent = gd_link; \n\t});\n<\/script>\n\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e08\u0e32\u0e01 Google Drive<\/title>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/axios\/1.6.7\/axios.min.js\"><\/script>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/open-sans\/1.1.0\/sans\/400.min.css\" rel=\"stylesheet\">\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/open-sans\/1.1.0\/sans\/700.min.css\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    \n    <style>\n        body {\n            \/\/font-family: 'Open Sans', sans-serif;\n            \/\/line-height: 1.6;\n            \/\/color: #333;\n            \/\/margin: 0 auto;\n            \/\/padding: 0px;\n            \/\/max-width: 1100px;\n        }\n        .loading {\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            width: 350px;\n            transform: translate(-50%, -50%);\n            background: rgba(0, 0, 139, 0.9); \/* \u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21 *\/\n            color: #ffffff; \/* \u0e2a\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e02\u0e32\u0e27 *\/\n            padding: 20px;\n            border-radius: 8px;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n            z-index: 1000;\n        }\n         .fa-spin {\n                margin-right: 8px;\n         }\n            \n        .image-gallery {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n            margin-bottom: 10px;\n            justify-content: center;\n        }\n        .image-item {\n            text-align: center;\n        }\n        .image-item img {\n            width: 525px;\n            height: auto;\n            border-radius: 5px;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.3);\n            cursor: pointer;\n\t\t\ttransition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\t\t.image-item img:hover {\n\t\t\ttransform: scale(1.05);\n\t\t\tbox-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);\n\t\t}\n        .pagination {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin: 20px 0;\n            flex-wrap: wrap;\n        }\n        .pagination button {\n            background-color: #3498db;\n            color: white;\n            border: none;\n            padding: 10px 15px;\n            margin: 5px;\n            cursor: pointer;\n            border-radius: 5px;\n            font-weight: 700;\n        }\n        .pagination button:hover {\n            background-color: #2980b9;\n        }\n        .pagination button:disabled {\n            background-color: #bdc3c7;\n            cursor: not-allowed;\n        }\n        .pagination button.active {\n            background-color: #95a5a6;\n        }\n        .reload-button {\n            display: block;\n            margin: 20px auto;\n            padding: 10px 20px;\n            background-color: #3498db;\n            color: white;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n            font-weight: 700;\n        }\n        .reload-button:hover {\n            background-color: #2980b9;\n        }\n        .fullscreen-overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.9);\n            z-index: 1000;\n            justify-content: center;\n            align-items: center;\n        }\n        .fullscreen-image {\n            max-width: 90%;\n            max-height: 90%;\n            object-fit: contain;\n        }\n        .close-button {\n            position: absolute;\n            top: 20px;\n            right: 30px;\n            color: #f1f1f1;\n            font-size: 40px;\n            font-weight: bold;\n            transition: 0.3s;\n            cursor: pointer;\n        }\n        .close-button:hover {\n            color: #bbb;\n        }\n        .nav-button {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            color: #f1f1f1;\n            font-size: 40px;\n            font-weight: bold;\n            transition: 0.3s;\n            cursor: pointer;\n            background: none;\n            border: none;\n            padding: 0 20px;\n        }\n        .nav-button:hover {\n            color: #bbb;\n        }\n        .nav-button.prev {\n            left: 20px;\n        }\n        .nav-button.next {\n            right: 20px;\n        }\n    <\/style>\n<\/head>\n<body>\n\t<script>\n        \/\/ Show loading indicator\n        function showLoading(show = true) {\n            const loadingDiv = document.createElement('div');\n            loadingDiv.id = 'loadingIndicator';\n            loadingDiv.className = 'loading';\n            loadingDiv.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i>  \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14... ';\n            \n            if (show) {\n                document.body.appendChild(loadingDiv);\n            } else {\n                const existingLoader = document.getElementById('loadingIndicator');\n                if (existingLoader) {\n                    existingLoader.remove();\n                }\n            }\n        }\n        \n        \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\n        function delay(ms) {\n            return new Promise(resolve => setTimeout(resolve, ms));\n        }\n        showLoading(true);\n    <\/script>\n\n\n\t<div id=\"scroll_up\" > <\/div>\n    <p>\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e14\u0e39\u0e2b\u0e23\u0e37\u0e2d\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 \u0e20\u0e32\u0e1e\u0e04\u0e27\u0e32\u0e21\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2a\u0e39\u0e07 \u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e25\u0e34\u0e07\u0e04\u0e4c <br>\n    <a id=\"driveLink\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a><\/p>\n\t\n\t<div id=\"paginationTop\" class=\"pagination\"><\/div>\n    <div id=\"imageGallery\" class=\"image-gallery\"><\/div>\n    <div id=\"paginationBottom\" class=\"pagination\"><\/div>\n\n    <div id=\"fullscreenOverlay\" class=\"fullscreen-overlay\">\n        <span class=\"close-button\" onclick=\"closeFullscreen()\">&times;<\/span>\n        <button class=\"nav-button prev\" onclick=\"navigateFullscreen(-1)\">&#10094;<\/button>\n        <img decoding=\"async\" id=\"fullscreenImage\" class=\"fullscreen-image\" src=\"\" alt=\"Fullscreen Image\">\n        <button class=\"nav-button next\" onclick=\"navigateFullscreen(1)\">&#10095;<\/button>\n    <\/div>\n\n    <script>\n        const API_KEY = 'AIzaSyDESM8XwBxuDqRj-yW-2cHHBEyf8NJ5CUo';\n        \/\/const FOLDER_ID = '1UhhfcpKYuEEOhufRz3RENcCxRtjTzi-1';\n        const IMAGES_PER_PAGE = 30;\n        let allImages = [];\n        let currentPage = 1;\n        let currentFullscreenIndex = 0;\n\n        async function loadImages() {\n            try {\n                const response = await axios.get(`https:\/\/www.googleapis.com\/drive\/v3\/files`, {\n                    params: {\n                        q: `'${FOLDER_ID}' in parents and mimeType contains 'image\/'`,\n                        fields: 'files(id, name, modifiedTime, webViewLink, thumbnailLink)',\n                        key: API_KEY\n                    }\n                });\n\n                allImages = response.data.files.sort((a, b) => a.name.localeCompare(b.name));\n                displayImages(1);\n                setupPagination();\n                \n                \/\/ \u0e2b\u0e19\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32 1 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35\n        \t\tawait delay(1000);\n                showLoading(false);\n            } catch (error) {\n                console.error('\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25:', error);\n                document.getElementById('imageGallery').innerHTML = '<p style=\"color: red; text-align: center;\">\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/p>';\n            }\n        }\n\n        function displayImages(page) {\n            const gallery = document.getElementById('imageGallery');\n            const startIndex = (page - 1) * IMAGES_PER_PAGE;\n            const endIndex = startIndex + IMAGES_PER_PAGE;\n            const pageImages = allImages.slice(startIndex, endIndex);\n\n            gallery.innerHTML = '';\n            pageImages.forEach((image, index) => {\n                const imageElement = document.createElement('div');\n                imageElement.className = 'image-item';\n                imageElement.innerHTML = `\n                    <img decoding=\"async\" src=\"${image.thumbnailLink.replace('=s220', '=w525')}\" alt=\"${image.name}\" onclick=\"openFullscreen(${startIndex + index})\">\n                `;\n                gallery.appendChild(imageElement);\n            });\n\n            currentPage = page;\n            updatePaginationButtons();\n        }\n\n        function setupPagination() {\n            const totalPages = Math.ceil(allImages.length \/ IMAGES_PER_PAGE);\n            const paginationTop = document.getElementById('paginationTop');\n            const paginationBottom = document.getElementById('paginationBottom');\n            paginationTop.innerHTML = '';\n            paginationBottom.innerHTML = '';\n\n            [paginationTop, paginationBottom].forEach(pagination => {\n                const prevButton = createButton('\u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a', () => displayImages(currentPage - 1));\n                pagination.appendChild(prevButton);\n\n                for (let i = 1; i <= totalPages; i++) {\n                    if (i <= 3 || i > totalPages - 2 || Math.abs(i - currentPage) <= 1) {\n                        const pageButton = createButton(i.toString(), () => displayImages(i));\n                        pagination.appendChild(pageButton);\n                    } else if (pagination.lastChild.textContent !== '...') {\n                        const ellipsis = document.createElement('span');\n                        ellipsis.textContent = '...';\n                        pagination.appendChild(ellipsis);\n                    }\n                }\n\n                const nextButton = createButton('\u0e16\u0e31\u0e14\u0e44\u0e1b', () => displayImages(currentPage + 1));\n                pagination.appendChild(nextButton);\n            });\n\n            updatePaginationButtons();\n        }\n\n        function updatePaginationButtons() {\n            const buttons = document.querySelectorAll('.pagination button');\n            const totalPages = Math.ceil(allImages.length \/ IMAGES_PER_PAGE);\n\n            buttons.forEach(button => {\n                if (button.textContent === '\u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a') {\n                    button.disabled = currentPage === 1;\n                } else if (button.textContent === '\u0e16\u0e31\u0e14\u0e44\u0e1b') {\n                    button.disabled = currentPage === totalPages;\n                } else {\n                    button.classList.toggle('active', parseInt(button.textContent) === currentPage);\n                }\n            });\n        }\n\n        function openFullscreen(index) {\n            currentFullscreenIndex = index;\n            const fullscreenOverlay = document.getElementById('fullscreenOverlay');\n            const fullscreenImage = document.getElementById('fullscreenImage');\n            fullscreenImage.src = allImages[index].thumbnailLink.replace('=s220', '=w1920');\n            fullscreenOverlay.style.display = 'flex';\n        }\n\n        function closeFullscreen() {\n            const fullscreenOverlay = document.getElementById('fullscreenOverlay');\n            fullscreenOverlay.style.display = 'none';\n        }\n\n        function navigateFullscreen(direction) {\n            currentFullscreenIndex += direction;\n            if (currentFullscreenIndex < 0) {\n                currentFullscreenIndex = allImages.length - 1;\n            } else if (currentFullscreenIndex >= allImages.length) {\n                currentFullscreenIndex = 0;\n            }\n            openFullscreen(currentFullscreenIndex);\n        }\n\n        document.getElementById('fullscreenImage').addEventListener('click', function(e) {\n            e.stopPropagation();\n            navigateFullscreen(1);\n        });\n\n        document.addEventListener('keydown', function(e) {\n            if (document.getElementById('fullscreenOverlay').style.display === 'flex') {\n                if (e.key === 'ArrowLeft') {\n                    navigateFullscreen(-1);\n                } else if (e.key === 'ArrowRight') {\n                    navigateFullscreen(1);\n                } else if (e.key === 'Escape') {\n                    closeFullscreen();\n                }\n            }\n        });\n\t\t\n\t\t\/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e43\u0e2b\u0e21\u0e48\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e19\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e49\u0e32\n\t\tfunction scrollToTop() {\n\t\t\t\/\/const paginationTop = document.getElementById('paginationTop');\n\t\t\tconst paginationTop = document.getElementById('scroll_up'); \t\n\t\t\tpaginationTop.scrollIntoView({ behavior: 'smooth' });\n\t\t}\t\t\n\n\t\t\/\/ \u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19 createButton\n\t\tfunction createButton(text, onClick) {\n\t\t\tconst button = document.createElement('button');\n\t\t\tbutton.textContent = text;\n\t\t\tbutton.onclick = () => {\n\t\t\t\tonClick();\n\t\t\t\tscrollToTop(); \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49 scrollToTop \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e1b\u0e38\u0e48\u0e21\n\t\t\t};\n\t\t\treturn button;\n\t\t}\n\n\t\tloadImages();\n        \/\/ \u0e2b\u0e19\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32 1 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35\n        \/\/await delay(1000);  \n        \n        \n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e02\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e37\u0e48\u0e19\u0e0a\u0e21\u0e41\u0e25\u0e30\u0e22<\/p>\n","protected":false},"author":1,"featured_media":7495,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"no_sidebar_full_width","colormag_page_sidebar_layout":"no_sidebar","footnotes":""},"categories":[3,2],"tags":[],"class_list":["post-7494","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3","category-2"],"_links":{"self":[{"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/7494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7494"}],"version-history":[{"count":8,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/7494\/revisions"}],"predecessor-version":[{"id":7509,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/7494\/revisions\/7509"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/media\/7495"}],"wp:attachment":[{"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}