Files
preview_sites/proposals/mobile-galaxy-gaming/mockup/assets/js/client-slider.js
T

33 lines
895 B
JavaScript
Executable File

/*--------------- Clients Slider ---------------*/
// Initialize Swiper for client slider
var swiper = new Swiper(".client-slider", {
spaceBetween: 25, // Set space between slides
loop: true, // Enable looping through slides
// Autoplay settings
autoplay: {
delay: 5000, // Delay between slide transitions
disableOnInteraction: false, // Continue autoplay on user interaction
},
// Define responsive breakpoints
breakpoints: {
0: { // For screens less than 450px
slidesPerView: 2, // Show 1 slide per view
},
450: { // For screens 450px and above
slidesPerView: 3, // Show 2 slides per view
},
768: { // For screens 768px and above
slidesPerView: 4, // Show 3 slides per view
},
990: { // For screens 980px and above
slidesPerView: 5, // Show 4 slides per view
},
},
});