Winter Projects

Welcome to my unknown world that i belive you are interested

Post published:November 20, 2025
Post comments:0 Comments
Post last modified:November 20, 2025

Leave a Reply Cancel reply

jQuery(window).on('elementor/frontend/init', function () { elementorFrontend.hooks.addAction( 'frontend/element_ready/image-carousel.default', function ($scope) { if (!$scope.hasClass('continuous-logo-marquee')) { return; } const swiperEl = $scope.find('.swiper')[0]; if (!swiperEl || !swiperEl.swiper) { return; } const swiper = swiperEl.swiper; const wrapper = swiperEl.querySelector('.swiper-wrapper'); if (!wrapper) { return; } /* Prevent duplicate initialization */ if (wrapper.dataset.marqueeStarted === 'true') { return; } wrapper.dataset.marqueeStarted = 'true'; /* Stop Elementor/Swiper autoplay */ if (swiper.autoplay) { swiper.autoplay.stop(); } /* Stop Swiper from controlling the track */ swiper.allowTouchMove = false; /* Get current slides */ const slides = Array.from( wrapper.querySelectorAll('.swiper-slide') ); if (!slides.length) { return; } /* * Clone the complete set of slides. */ slides.forEach(function (slide) { const clone = slide.cloneNode(true); clone.classList.add('marquee-clone'); wrapper.appendChild(clone); }); /* * Wait for Elementor images/layout to finish. */ requestAnimationFrame(function () { requestAnimationFrame(function () { const firstSlide = slides[0]; const firstClone = wrapper.querySelector('.marquee-clone'); if (!firstSlide || !firstClone) { return; } /* * Measure the distance from the first * original slide to the first clone. */ const distance = firstClone.getBoundingClientRect().left - firstSlide.getBoundingClientRect().left; if (distance <= 0) { console.log( 'Marquee distance could not be calculated.' ); return; } /* * Adjust speed here. * * 50 = slow * 70 = premium/medium * 100 = fast */ const speed = 70; const duration = (distance / speed) * 1000; /* * Create unique animation. */ const animationName = 'elementorContinuousMarquee_' + Math.random() .toString(36) .substring(2, 10); const style = document.createElement('style'); style.innerHTML = ` @keyframes ${animationName} { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-${distance}px, 0, 0); } } .continuous-logo-marquee .swiper-wrapper { animation: ${animationName} ${duration}ms linear infinite !important; transition: none !important; } `; document.head.appendChild(style); }); }); } ); });

You Might Also Like

T-Shirt Projects

Garment Flat Sketches

My First 3D Practice Work

Leave a Reply Cancel reply