Question

我有3张幻灯片的幻灯片演示，带有分页按钮（分别名为1,2,3）。通常，当我单击最大按钮时。按1步/位置（从1到2，从3到2，从2到1），一切正常。但是，当我切换较大位置的按钮（从1到3，从3到1）时，在幻灯片过渡期间，我可以清楚地看到所有幻灯片的中间快速闪烁（在这种情况下，我的意思是幻灯片2在幻灯片之间闪烁） 1和3）。希望您能理解这个困难的问题描述。我该如何解决？

谢谢

https://streamable.com/n1167z

<div class="swiper-container">
   <div class="swiper-wrapper">
       <div class="swiper-slide" style="background-image: url(./assets/img/hero.jpg);">Slide 8</div>
       <div class="swiper-slide" style="background-image: url(./assets/img/hero1.jpg);">Slide 9</div>
       <div class="swiper-slide" style="background-image: url(./assets/img/hero2.jpg);">Slide 10</div>
   </div>
       <!-- Add Pagination -->
       <div class="swiper-pagination" slot="pagination"></div>
</div>

<script>
        var menu = ['1', '2', '3']
        var mySwiper = new Swiper ('.swiper-container', {
        // If we need pagination
        effect: 'fade',
        paginationClickable: true,
        pagination: {
        el: '.swiper-pagination',
                clickable: true,
            renderBullet: function (index, className) {
            return '<span class="' + className + '">' + (menu[index]) + '</span>';
            },
        }
        })
</script>

使用Swiper.JS进行幻灯片过渡时出现问题

0 个答案: