Taie d'oreiller 100% soie de mûrier

function initCompare(compareId, afterId, dividerId, handleId) { var compare = document.getElementById(compareId); var after = document.getElementById(afterId); var divider = document.getElementById(dividerId); var handle = document.getElementById(handleId); var isDragging = false; function setPosition(x) { var rect = compare.getBoundingClientRect(); var pos = Math.min(Math.max((x - rect.left) / rect.width * 100, 0), 100); after.style.clipPath = 'inset(0 ' + (100 - pos) + '% 0 0)'; divider.style.left = pos + '%'; handle.style.left = pos + '%'; } /* ── DESKTOP ── */ handle.addEventListener('mousedown', function(e) { isDragging = true; e.preventDefault(); }); compare.addEventListener('mousemove', function(e) { if (isDragging) setPosition(e.clientX); }); document.addEventListener('mouseup', function() { isDragging = false; }); /* ── MOBILE : drag uniquement si on touche le handle ── */ handle.addEventListener('touchstart', function(e) { isDragging = true; e.preventDefault(); }, { passive: false }); document.addEventListener('touchmove', function(e) { if (!isDragging) return; setPosition(e.touches[0].clientX); e.preventDefault(); }, { passive: false }); document.addEventListener('touchend', function() { isDragging = false; }); } document.addEventListener('DOMContentLoaded', function() { initCompare('compare1', 'after1', 'divider1', 'handle1'); initCompare('compare2', 'after2', 'divider2', 'handle2'); });