如何增加滑动幻灯片的过渡持续时间?

问题描述 投票:0回答:1

我的幻灯片工作正常,但它们转换得太快。我想将淡入淡出过渡减慢到两秒左右。这是我当前正在使用的相关代码。 我正在使用 swiper 11 捆绑包。

`

 <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<script type="text/javascript" src="paradis-2.js"></script>

<script>
    var swiper = new Swiper('.swiper-container', {
        
pagination: {
    el: '.swiper-pagination',
    clickable: true,
    renderBullet: function (index, className) {
        return '<span class="' + className + '">' + (index + 1) + '</span>';
    },
},

fadeEffect: { crossFade: true }, 自动播放: { 速度:2200, 延迟:5500, 禁用交互:true,

}, 每个视图的滑块:1, 效果:“淡化” }); `

我尝试过改变速度、延迟,甚至添加了“spaceBetween”属性,但没有任何效果。

javascript css css-transitions swiper.js fade
1个回答
0
投票
var swiper = new Swiper('.swiper-container', {
    loop: true,
    speed: 2200,
    autoplay: { delay: 1000 }
})  
© www.soinside.com 2019 - 2024. All rights reserved.