Hi @KhoiNguyen,
I would try to CDN the latest version of the slick.js script first instead of pulling them from a Github account. Also I would rather choose a minified version (min) of the js and css scripts than the beautified ones… faster to load / execute.
CSS:
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"/>
JS:
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
JavaScript:
<script>
$(document).ready(function() {
$('.video').slick({
centerMode: true,
dots: true,
infinite: true,
arrows: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
draggable: true
});
});
</script>
Hello thank you for your solution, I just imported the new CDN and it’s still lagging on drag. Should i try to remove all the styling in css?
Hello, would you have a live website link for us to have a look at ?