<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Uncategorized Archives - ชุมชน.ไทย</title>
	<atom:link href="https://xn--b3ca9b4a0i.xn--o3cw4h/category/uncategorized/feed/" rel="self" type="application/rss+xml" />
	<link>https://xn--b3ca9b4a0i.xn--o3cw4h/category/uncategorized/</link>
	<description></description>
	<lastBuildDate>Thu, 18 Jun 2026 09:58:22 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://xn--b3ca9b4a0i.xn--o3cw4h/wp-content/uploads/2023/01/Untitled-2@2x-150x150.png</url>
	<title>Uncategorized Archives - ชุมชน.ไทย</title>
	<link>https://xn--b3ca9b4a0i.xn--o3cw4h/category/uncategorized/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Elementor #3081</title>
		<link>https://xn--b3ca9b4a0i.xn--o3cw4h/elementor-3081/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Thu, 18 Jun 2026 09:56:42 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://xn--b3ca9b4a0i.xn--o3cw4h/?p=3081</guid>

					<description><![CDATA[<p>&#10094; &#10095;</p>
<p>The post <a href="https://xn--b3ca9b4a0i.xn--o3cw4h/elementor-3081/">Elementor #3081</a> appeared first on <a href="https://xn--b3ca9b4a0i.xn--o3cw4h">ชุมชน.ไทย</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3081" class="elementor elementor-3081">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-2da2818 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2da2818" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-57be1e3" data-id="57be1e3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-23cafe4 elementor-widget elementor-widget-html" data-id="23cafe4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div class="custom-carousel-wrapper">
  <div class="carousel-container">
    <div class="carousel-track">
      
      <a href="#" target="_blank" class="carousel-item">
        <img decoding="async" src="https://xn--b3ca9b4a0i.xn--o3cw4h/wp-content/uploads/2026/06/dotthaiMag-17-06_page-0001.jpeg" alt="Magazine Page 1">
      </a>

      <a href="#" target="_blank" class="carousel-item">
        <img decoding="async" src="https://xn--b3ca9b4a0i.xn--o3cw4h/wp-content/uploads/2026/06/dotthaiMag-17-06_page-0002.jpeg" alt="Magazine Page 2">
      </a>

      <a href="#" target="_blank" class="carousel-item">
        <img decoding="async" src="https://xn--b3ca9b4a0i.xn--o3cw4h/wp-content/uploads/2026/06/dotthaiMag-17-06_page-0003.jpeg" alt="Magazine Page 3">
      </a>

      <a href="#" target="_blank" class="carousel-item">
        <img decoding="async" src="https://xn--b3ca9b4a0i.xn--o3cw4h/wp-content/uploads/2026/06/dotthaiMag-17-06_page-0004.jpeg" alt="Magazine Page 4">
      </a>

      <a href="#" target="_blank" class="carousel-item">
        <img decoding="async" src="https://xn--b3ca9b4a0i.xn--o3cw4h/wp-content/uploads/2026/06/dotthaiMag-17-06_page-0005.jpeg" alt="Magazine Page 5">
      </a>

      <a href="#" target="_blank" class="carousel-item">
        <img decoding="async" src="https://xn--b3ca9b4a0i.xn--o3cw4h/wp-content/uploads/2026/06/dotthaiMag-17-06_page-0006.jpeg" alt="Magazine Page 6">
      </a>

    </div>

    <button class="carousel-btn prev-btn" onclick="moveCustomSlide(-1)" aria-label="Previous">&#10094;</button>
    <button class="carousel-btn next-btn" onclick="moveCustomSlide(1)" aria-label="Next">&#10095;</button>
  </div>
</div>

<style>
/* จัดสไตล์ภาพรวมของ Carousel */
.custom-carousel-wrapper {
  width: 100%;
  padding: 20px 0;
  display: flex;
  justify-content: center;
}

.carousel-container {
  position: relative;
  width: 100%;
  max-width: 800px; /* เพิ่มความกว้างสูงสุดให้เหมาะกับรูปแนวนอนกว้างๆ */
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 25px rgba(0,0,0,0.15);
  background-color: #f9f9f9;
}

.carousel-track {
  display: flex;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  width: 100%;
}

.carousel-item {
  min-width: 100%;
  display: block;
  text-decoration: none;
}

.carousel-item img {
  width: 100%;
  height: auto; /* ปล่อยให้สูงตามสัดส่วนจริงของรูป ไม่ยืด ไม่โดนบีบ */
  display: block;
}

/* ปุ่มกดเลื่อนซ้าย-ขวา (แก้ให้เป็นวงกลมเป๊ะๆ ไม่เบี้ยว) */
.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.9);
  color: #333;
  border: none;
  font-size: 18px;
  
  /* ล็อกขนาดกว้างคูณสูงเท่ากันเพื่อให้เป็นวงกลม */
  width: 46px;
  height: 46px;
  padding: 0;
  
  /* จัดลูกศรให้อยู่ตรงกลางเป๊ะ */
  display: flex;
  align-items: center;
  justify-content: center;
  
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
  z-index: 10;
}

.carousel-btn:hover {
  background-color: #ffffff;
  color: #000;
  transform: translateY(-50%) scale(1.1);
}

.prev-btn { left: 15px; }
.next-btn { right: 15px; }

/* รองรับหน้าจอมือถือ */
@media (max-width: 600px) {
  .carousel-btn {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }
  .prev-btn { left: 10px; }
  .next-btn { right: 10px; }
}
</style>

<script>
let currentCustomIndex = 0;
const getTotalSlides = () => document.querySelectorAll('.carousel-item').length;

function moveCustomSlide(direction) {
  const track = document.querySelector('.carousel-track');
  const totalSlides = getTotalSlides();
  
  currentCustomIndex += direction;
  
  if (currentCustomIndex >= totalSlides) {
    currentCustomIndex = 0;
  } else if (currentCustomIndex < 0) {
    currentCustomIndex = totalSlides - 1;
  }
  
  const percentage = -(currentCustomIndex * 100);
  track.style.transform = `translateX(${percentage}%)`;
}
</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>The post <a href="https://xn--b3ca9b4a0i.xn--o3cw4h/elementor-3081/">Elementor #3081</a> appeared first on <a href="https://xn--b3ca9b4a0i.xn--o3cw4h">ชุมชน.ไทย</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
