删除第一张和最后一张幻灯片的效果

Question

我已经将滑动幻灯片与coverflow效果集成在一起，现在我不想要第一张和最后一张幻灯片的效果。我们可以只移除第一张和最后一张幻灯片的效果吗?

Answer 1

你可以检查你的位置，当你在第一个选项卡时禁用"滑动到上一个"，当你在最后一个选项卡时禁用"滑动到下一个"。像这样,

        var swiper = new Swiper('.swiper-container', {
            effect:'coverflow',
            pagination: '#progressbar',
            paginationType: 'progress',
            nextButton: '#next-button',
            prevButton: '#prev-button',
            spaceBetween: 30,
            onInit: function (swiper) {
                if (swiper.activeIndex == 0)    swiper.lockSwipeToPrev(); 
                if (swiper.isEnd)               swiper.lockSwipeToNext(); 
            },
            onSlideChangeStart: function (swiper) {
                if (swiper.activeIndex == 0)    swiper.lockSwipeToPrev(); 
                else                            swiper.unlockSwipeToPrev(); 
                if (swiper.isEnd)               swiper.lockSwipeToNext(); 
                else                            swiper.unlockSwipeToNext(); 
            },
        });

Answer 2

我想你指的是slideShadows属性。如果是这样，您可以很容易地显示/隐藏它，如下所示:

var mySwiper = new Swiper('.swiper-container', {
  coverflowEffect: {
    rotate: 30,
    slideShadows: false,
  },
});

Answer 3

我通过CSS修复了超链接状态，就像下面的例子一样，它工作得很好。

.swiper-slide a {
    pointer-events: none !important;
}
.swiper-slide.swiper-slide-next a {
    pointer-events: unset !important;
}