var positionImage = function positionImage(imageEl) { var imageDimensions = imageEl.dataset.imageDimensions.split('x'); var originalWidth = imageDimensions[0]; var originalHeight = imageDimensions[1]; var focalPoint = imageEl.dataset.imageFocalPoint.split(','); var focalPointX = focalPoint[0]; var focalPointY = focalPoint[1]; var parentNode = imageEl.parentNode;
var scale = function () { var imageRatio = originalWidth / originalHeight; var parentClientSize = { height: parentNode.clientHeight, width: parentNode.clientWidth }; var parentRatio = parentClientSize.width / parentClientSize.height;
if (imageRatio > parentRatio) { return parentClientSize.height / originalHeight; }
return parentClientSize.width / originalWidth; }();
var getRelativeOffset = function getRelativeOffset() { var targetWidth = Math.ceil(originalWidth * scale); var targetHeight = Math.ceil(originalHeight * scale); var parentDimensionWidth = parentNode.offsetWidth; var parentDimensionHeight = parentNode.offsetHeight; var overflowWidth = targetWidth - parentDimensionWidth; var overflowHeight = targetHeight - parentDimensionHeight; var valueX;
if (overflowWidth === 0) { valueX = focalPointX; } else { valueX = Math.max(Math.min(targetWidth * focalPointX - parentDimensionWidth * 0.5, overflowWidth), 0) / overflowWidth; }
var valueY;
if (overflowHeight === 0) { valueY = focalPointY; } else { valueY = Math.max(Math.min(targetHeight * focalPointY - parentDimensionHeight * 0.5, overflowHeight), 0) / overflowHeight; }
return { valueX: valueX, valueY: valueY }; };
var relativeOffset = getRelativeOffset(); var valueX = relativeOffset.valueX; var valueY = relativeOffset.valueY; imageEl.style.objectPosition = "".concat(valueX * 100, "% ").concat(valueY * 100, "%"); Object.assign(imageEl.style, { height: '100%', width: '100%', objectFit: 'cover', }); };
// Update the count down every 1 second var x = setInterval(function() {
// Get today's date and time var now = new Date().getTime();
// Find the distance between now and the count down date var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Output the result in an element with id="demo" document.getElementById("demo").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
// If the count down is over, write some text if (distance < 0) { clearInterval(x); document.getElementById("demo").innerHTML = "We met our goal!"; } }, 1500); // Time to load as page is opened
