Gallery Block (Carousel): Smooth Scrolling

This is paid code. You need to pay me to use code & get priority support & free install

Extra Feature & Update(send me an email)

Apply on specific carousel
Change scroll direction from left to right
Two carousels with opposite scrolling
Swipe on mobile
July 10: Fixed scroll on mobile

Note:

It works with Gallery Block – Carousel Only. If you use People List Carousel, follow this free code.
Contact me via email (or form below) if you need to help with installation or have any problems

Instruction:

#1. To Custom CSS box

/* by @tuanphan - need to pay to use it */
.sqs-gallery-block-slider .sqs-wrapper {
    animation: smoothScroll 20s linear infinite;
}

@keyframes smoothScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-1500px); }
}

.sqs-gallery-block-slider:hover .sqs-wrapper {
    animation-play-state: paused;
}

#2. To Code Injection > Footer

<script>
document.addEventListener('DOMContentLoaded',function(){/*by @tuanphan - need to pay to use it*/const s=document.querySelectorAll('.sqs-gallery-block-slider .sqs-wrapper');s.forEach(w=>{const i=w.querySelectorAll('img');i.forEach(m=>{w.appendChild(m.cloneNode(true))})})});
</script>

Ask me a question, free