打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。
秋绘君留言 | 贡献
首页轮播图用的
 
秋绘君留言 | 贡献
无编辑摘要
 
(未显示同一用户的1个中间版本)
第5行: 第5行:
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>


{literal}
<style>
<style>
/* 微调箭头和圆点的位置 */
.slick-prev { left: 15px; z-index: 10; }
.slick-prev { left: 15px; z-index: 10; }
.slick-next { right: 15px; z-index: 10; }
.slick-next { right: 15px; z-index: 10; }
第13行: 第15行:


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

2026年2月25日 (三) 14:23的最新版本

这是首页大图专用的 Slick 轮播图微件。