滑动框过渡效果

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;
}