如何解决Swiperjs 淡入淡出过渡没有正确淡入淡出,而是添加了白色交叉过渡效果
我在使用 Swiperjs 时遇到了问题,我正在尝试进行淡入淡出,但它并没有像应有的那样淡入淡出,但是在显示两个图像之间,它在两个图像之间添加了大约 20% 的白色叠加。>
难以描述,但好像它会首先将图像淡化到 20% 的白色覆盖层,因此图像变亮一点,然后淡化到下一张图像。所以也许不明显,但还是不一样
JS:
var mySwiper = new Swiper('.swiper-container',{
lazy: true,loop: true,speed: 2000,effect: 'fade',fadeEffect: {
crossFade: true
},autoplay: {
delay: 2500,disableOnInteraction: false,},// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev',})
只是标准的 Swiper JS,这里没有什么花哨的东西会改变动画的行为方式。 HTML 与他们页面上的完全一样,没有改变。
解决方法
我正在经历同样的事情。我尝试在 transition(duration)
函数下方添加“animation”函数。但是抛出错误说“animation is not a function”。我不知道为什么我可以'不要在javascript源文件swiper-bundle.js
中添加我自己的函数。如果直接修改transition(duration)
函数也不起作用。也许我需要深入阅读源文件。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。