อาณาจักรอสังหาฯ เขาใหญ่ ที่ดิน พูลวิลล่า ที่พัก คอนโด กิจการ คาเฟ่ ร้านอาหาร ท่องเที่ยว .cd-words-wrapper { position: relative; display: inline-block; vertical-align: baseline; text-align: left; } .cd-words-wrapper .item-text { opacity: 0; position: absolute; left: 0; top: 0; white-space: nowrap; transition: opacity 0.6s ease-in-out; color: #c8a86aff; } .cd-words-wrapper .item-text.is-visible { opacity: 1; position: absolute; } .cd-words-wrapper .item-text.is-hidden { opacity: 0; } /* Invisible placeholder to maintain wrapper height */ .cd-words-wrapper::after { content: '\00a0'; visibility: hidden; display: inline; } document.addEventListener('DOMContentLoaded', function() { var wrapper = document.querySelector('.cd-words-wrapper'); if (!wrapper) return; var items = wrapper.querySelectorAll('.item-text'); if (!items.length) return; // Temporarily make all items relative to measure their natural widths var maxW = 0; items.forEach(function(el) { var orig = { position: el.style.position, opacity: el.style.opacity, visibility: el.style.visibility }; el.style.position = 'relative'; el.style.opacity = '0'; el.style.visibility = 'hidden'; var w = el.offsetWidth; if (w > maxW) maxW = w; el.style.position = orig.position; el.style.opacity = orig.opacity; el.style.visibility = orig.visibility; }); // Measure height from first visible item var maxH = 0; items.forEach(function(el) { var h = el.offsetHeight; if (h > maxH) maxH = h; }); // Lock the wrapper dimensions (use !important to override theme CSS) wrapper.style.setProperty('width', maxW + 'px', 'important'); wrapper.style.setProperty('min-width', maxW + 'px', 'important'); wrapper.style.setProperty('height', maxH + 'px', 'important'); wrapper.classList.add('width-locked'); });🔒 SSL Verified