Swiper slider is okay on chrome but in the internet explorer, it is not working how I fix this anyone has a solution of this? if yes please share it Thanks
I do some research on Swiper slider and I got that swiper didn't work for Internet Explorer but the only version 2.xx version that works for an older browser, I tried but it didn't work for me. After done a little more research on sliders then I got a Slick slider that works the same as swiper. It also works for Internet Explorer and other browsers. I do some sud of code as I did before in the swiper
$('.slider').slick({
slidesToShow: 5,
slidesToScroll: 1,
speed: 500,
dots: true,
arrows: false,
centerMode: false,
focusOnSelect: false,
autoplay: true,
autoplaySpeed: 2000,
slide: 'div',
responsive: [
{
breakpoint: 900,
settings: {
slidesToShow: 4,
slidesToScroll: 1,
}
},
{
breakpoint: 425,
settings: {
slidesToShow: 3,
slidesToScroll: 1
}
},
{
breakpoint: 375,
settings: {
slidesToShow: 2,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
with this HTML
<div class="slider">
<div class="item"><img src="images/logo1.png" alt="Logo"></div>
<div class="item"><img src="images/logo2.png" alt="Logo"></div>
<div class="item"><img src="images/logo3.png" alt="Logo"></div>
<div class="item"><img src="images/logo4.png" alt="Logo"></div>
<div class="item"><img src="images/logo5.png" alt="Logo"></div>
</div>
I also linked the cdn files for more information please visit the official slick site here
