查看“︁Widget:Slick”︁的源代码

<noinclude>
这是首页大图专用的 Slick 轮播图微件。
</noinclude><includeonly>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>

<style>
.slick-prev { left: 15px; z-index: 10; }
.slick-next { right: 15px; z-index: 10; }
.slick-prev:before, .slick-next:before { font-size: 30px; text-shadow: 0 2px 4px rgba(0,0,0,0.8); }
.slick-dots { bottom: 15px; }
</style>

<script>
mw.loader.getScript('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js').then(function() {
    $('.main-carousel').not('.slick-initialized').slick({
        dots: true,
        arrows: true,
        infinite: true,
        autoplay: true,
        autoplaySpeed: 4000,
        swipe: true
    });
});
</script>
</includeonly>