我正在开发一个使用BrutalDesign出色的jQuery Swipebox插件显示画廊图像的网站。

https://github.com/brutaldesign/swipebox

客户询问是否可以将水平动画更改为下一张图像的简单淡入淡出效果(与最初打开图库时相同)。我了解Swipebox使用CSS3动画。我是jQuery的新手,没有能力遍历代码以找到进行此更改的正确位置。

你能帮我吗? Github项目上有此请求,但都已关闭或未解决。

如果Swipebox无法包含淡入淡出的动画,我想我必须寻找替代插件。

非常感谢

最佳答案

如果您不想编辑原始的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;
}

关于jquery - 滑动框过渡效果,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35145631/

10-12 03:31