ebc25857dc
- Added minified versions of JavaScript files including main, script, google-map, bootstrap-datepicker, and jquery.easing. - Implemented a datepicker for appointment dates and a timepicker for appointment times. - Introduced a carousel feature for image display with automatic sliding and responsive behavior. - Updated package.json to include scripts for minifying CSS and JS files, along with necessary dependencies.
1 line
1013 B
JavaScript
1 line
1013 B
JavaScript
let carouselContainer=document.querySelector(".carousel-container"),imageRow=document.querySelector(".image-row"),imageItems=imageRow.querySelectorAll(".col-md-3"),numberOfVisible=4,scrollPosition=0,imageWidth,slideDuration=1e3,slideInterval=5e3,isAnimating=!1;function updateCarousel(){0<imageItems.length&&(imageWidth=imageItems[0].offsetWidth)}function slideCarousel(){!isAnimating&&imageWidth&&(isAnimating=!0,scrollPosition+=imageWidth,imageRow.style.transform=`translateX(-${scrollPosition}px)`,setTimeout(()=>{var e=imageRow.firstElementChild;imageRow.appendChild(e),imageRow.style.transition="none",imageRow.style.transform="translateX(0px)",scrollPosition=0,imageRow.offsetHeight,imageRow.style.transition="",imageItems=imageRow.querySelectorAll(".col-md-3"),isAnimating=!1},slideDuration))}function startSlidingCarousel(){setInterval(slideCarousel,slideInterval)}function initializeCarousel(){updateCarousel(),startSlidingCarousel(),window.addEventListener("resize",updateCarousel)}initializeCarousel(); |