Review Slider JS

document.addEventListener('DOMContentLoaded', function () {
            const commonOptions = {
                type: 'loop',
                drag: 'free',
                focus: 'center',
                gap: '24px',
                pagination: false,
                arrows: false,
                perPage: 3,
                autoScroll: {
                    pauseOnHover: true,
                    pauseOnFocus: false,
                },
                breakpoints: {
                    991: { perPage: 3 },
                    767: { perPage: 1.5 }
                }
            };

            // Top Slider (Slides Left)
            const topSlider = document.querySelector('#top-row-slider');
            if (topSlider) {
                new Splide(topSlider, {
                    ...commonOptions,
                    autoScroll: {
                        ...commonOptions.autoScroll,
                        speed: -0.25 // ⭐️ ความเร็วติดลบเพื่อเลื่อนไปทางซ้าย
                    }
                }).mount(window.splide.Extensions);
            }

            // Bottom Slider (Slides Right)
            const bottomSlider = document.querySelector('#bottom-row-slider');
            if (bottomSlider) {
                new Splide(bottomSlider, {
                    ...commonOptions,
                    autoScroll: {
                        ...commonOptions.autoScroll,
                        speed: 0.25 // ⭐️ ความเร็วเป็นบวกเพื่อเลื่อนไปทางขวา
                    }
                }).mount(window.splide.Extensions);
            }
        });