Javascript 具有多个动画/效果的JQuery滑块

Javascript 具有多个动画/效果的JQuery滑块,javascript,jquery,html,css,uislider,Javascript,Jquery,Html,Css,Uislider,我希望创建一个滑块,其中一个图像淡入,然后另一个图像淡入旁边,然后幻灯片更改。到目前为止,我已经尝试使用“wowslider”和“rhinoslider”,并在谷歌上广泛搜索了它。。。然而,我似乎找不到一个滑块工具来实现这一点。我尝试和阅读过的每一种工具都允许淡入效果——但每张幻灯片只允许一张图像——我需要淡入两张图像[一张,然后是另一张],然后更换幻灯片 如何做到这一点?(使用wowslider等现有工具,或者使用纯代码) 非常感谢您的任何建议 您可以使用引导转盘插件 它有一个事件处理程序,用

我希望创建一个滑块,其中一个图像淡入,然后另一个图像淡入旁边,然后幻灯片更改。到目前为止,我已经尝试使用“wowslider”和“rhinoslider”,并在谷歌上广泛搜索了它。。。然而,我似乎找不到一个滑块工具来实现这一点。我尝试和阅读过的每一种工具都允许淡入效果——但每张幻灯片只允许一张图像——我需要淡入两张图像[一张,然后是另一张],然后更换幻灯片

如何做到这一点?(使用wowslider等现有工具,或者使用纯代码)

非常感谢您的任何建议

您可以使用引导转盘插件

它有一个事件处理程序,用于在两个幻灯片时间之间执行以下操作:

$('#myCarousel').on('slide.bs.carousel', function () {
  // do something…
  // This event fires immediately when the slide instance method is invoked.
})

您可以使用第二个函数,而不是
//做点什么
,您可以编写淡入淡出函数。我的意思是:你在每张幻灯片下放两张图片。幻灯片完成后,面朝第一张显示的图像,淡入第二张隐藏的图像

$('#myCarousel').on('slid.bs.carousel', function () {
 // do something…
 // This event is fired when the carousel has completed its slide transition.
})