ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / thebhoeo / .trash / woodmart / js / scripts / elements

jQuery.each([
	'frontend/element_ready/wd_compare_img.default'
], function(index, value) {
	woodmartThemeModule.wdElementorAddAction(value, function() {
		woodmartThemeModule.compareImages();
	});
});

woodmartThemeModule.compareImages = function() {
	var containers = document.querySelectorAll('.wd-compare-img');

containers.forEach(function(container) {
		addDraggingEvents(container);
	});

function addDraggingEvents(container) {
		var isDragging = false;

// Mouse event handlers.
		container.addEventListener('mousedown', function(e) {
			isDragging = true;
			moveSlider(e, container);
		});

document.addEventListener('mouseup', function() {
			isDragging = false;
		});

container.addEventListener('mousemove', function(e) {
			if (!isDragging) {
				return;
			}

moveSlider(e, container);
		});

// Event handlers for sensory devices.
		container.addEventListener('touchstart', function(e) {
			isDragging = true;
			moveSlider(e.touches[0], container);
		}, {passive: true});
	
		document.addEventListener('touchend', function() {
			isDragging = false;
		}, {passive: true});
	
		container.addEventListener('touchmove', function(e) {
			if (!isDragging) {
				return;
			}

moveSlider(e.touches[0], container);
		}, {passive: true});
	}

// Move the slider to the click position or the drag position.
	function moveSlider(e, container) {
		var containerRect = container.getBoundingClientRect();
		var offsetX       = e.clientX - containerRect.left;

if (offsetX < 0) {
			offsetX = 0;
		}

if (offsetX > containerRect.width) {
			offsetX = containerRect.width;
		}

var widthPercentage = ( (offsetX / containerRect.width) * 100).toFixed(3);

// Update the CSS variable
		container.style.setProperty('--wd-compare-handle-pos', `${widthPercentage}%`);
	}
}

window.addEventListener('load', function() {
	woodmartThemeModule.compareImages();
});

[-] view3d.min.js [edit]
[-] videoPoster.min.js [edit]
[-] banner.js [edit]
[-] button.min.js [edit]
[-] button.js [edit]
[-] slider.min.js [edit]
[-] googleMap.js [edit]
[-] imageGallery.min.js [edit]
[-] countDownTimer.min.js [edit]
[-] infoBox.js [edit]
[-] videoElement.min.js [edit]
[-] toggle.min.js [edit]
[-] videoPoster.js [edit]
[-] compareImages.js [edit]
[-] imageGallery.js [edit]
[-] countDownTimer.js [edit]
[-] accordion.js [edit]
[-] counter.min.js [edit]
[-] menuAnchor.js [edit]
[-] hotSpot.js [edit]
[-] stickyColumns.min.js [edit]
[-] offCanvasColumnBtn.js [edit]
[-] counter.js [edit]
[-] googleMap.min.js [edit]
[-] contentPopup.min.js [edit]
[-] menuAnchor.min.js [edit]
[-] accordion.min.js [edit]
[-] compareImages.min.js [edit]
[-] toggle.js [edit]
[-] tabs.js [edit]
[-] buttonShowMore.js [edit]
[+] ..
[-] offCanvasColumnBtn.min.js [edit]
[-] tabs.min.js [edit]
[-] videoElementPopup.min.js [edit]
[-] videoElementPopup.js [edit]
[-] stickyColumns.js [edit]
[-] openStreetMap.min.js [edit]
[-] stockStatus.min.js [edit]
[-] hotSpot.min.js [edit]
[-] stockStatus.js [edit]
[-] view3d.js [edit]
[-] slider.js [edit]
[-] banner.min.js [edit]
[-] buttonShowMore.min.js [edit]
[-] videoElement.js [edit]
[-] infoBox.min.js [edit]
[-] openStreetMap.js [edit]
[-] contentPopup.js [edit]