Swipebox过渡效果

Question

我正在开发一个使用BrutalDesign优秀的jQuery Swipebox插件来显示图库图片的网站。

https://github.com/brutaldesign/swipebox

客户询问下一张图片上的水平动画是否可以更改为简单淡入淡出效果（与您最初打开图库时相同）。据我所知，Swipebox使用CSS3动画。我是jQuery的新手，没有能力通过代码找到正确的位置来进行更改。

你能帮忙吗？有关Github项目的请求，但它们都已关闭或未解决。

如果Swipebox无法使用淡入淡出动画，我想我必须寻找替代插件。

非常感谢

Answer 1

如果您不想编辑原始swipebox.css，只需将其放入项目css文件中即可。我测试了自己。您的文件必须在swipebox css之后加载。

#swipebox-slider {
    -webkit-transition: none;
    transition: none;
}

#swipebox-slider .slide {
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

#swipebox-slider .slide:not(.current) {
    opacity: 0;
}