BossBey File Manager

Editing: script.php

if (screenWidth <= 768) {
            duration = 7000; // Faster on mobile
            gap = 1; // Smaller gap
        }

if (screenWidth <= 480) {
            duration = 7000; // Even faster on small screens
            gap = 1; // Minimal gap
        }

$('.marquee').marquee({
            duration: duration,
            gap: gap,
            delayBeforeStart: 0,
            direction: 'left',
            duplicated: true,
            startVisible: true,
        });
    }

adjustMarquee();
</script>

serviceBoxes.forEach((box, index) => {
            setTimeout(() => {
                observer.observe(box);
            }, index * 300);
        });

});
</script>
<script>
    document.addEventListener("DOMContentLoaded", function() {

});
</script>
<script>
    $(document).ready(function() {
        new Swiper('.swiper-container2', {
            slidesPerView: 2, // Show 4 slides per view on large screens
            spaceBetween: 20,
            loop: false, // Disable looping to allow proper pagination
            slidesPerGroup: 8, // Move the entire screen (8 slides) per pagination click
            navigation: {
                nextEl: '.swiper-button-next2',
                prevEl: '.swiper-button-prev2',
            },
            pagination: {
                el: '.swiper-pagination2',
                clickable: true,
                renderBullet: function(index, className) {
                    return `<span class="${className}"></span>`; // Only create dots per full-page (8 slides)
                }
            },
            breakpoints: {
                768: {
                    slidesPerView: 2,
                    slidesPerGroup: 2, // Move entire page of 8 slides per dot click
                },
                1024: {
                    slidesPerView: 4,
                    slidesPerGroup: 8, // Move entire page of 8 slides per dot click
                },
            },
            freeMode: true, // Enables smooth mouse wheel & touchpad scrolling
            mousewheel: {
                forceToAxis: true, // Enables sideways scroll (mouse & touchpad)
                sensitivity: 1, // Adjust sensitivity for smooth navigation
            },
        });

});
</script>
<script>
    // Grab elements
    const video = document.getElementById('heroVideo');
    const muteToggleBtn = document.getElementById('muteToggleBtn');
    const muteIcon = document.getElementById('muteIcon');
    muteIcon.src = 'assets/img/unmute.png';

muteToggleBtn.addEventListener('click', () => {
        if (video.muted) {
            video.muted = false;
            muteIcon.src = 'assets/img/mute.png';
        } else {
            video.muted = true;
            muteIcon.src = 'assets/img/unmute.png';
        }
    });
</script>

Cancel