Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 平滑滑块中图像淡入淡出和淡出之间的延迟_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 平滑滑块中图像淡入淡出和淡出之间的延迟

Javascript 平滑滑块中图像淡入淡出和淡出之间的延迟,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我刚刚创建了一个带有fadein和fadeout效果的平滑滑块示例。我想在这些滑块图像的淡入淡出效果和淡出淡出效果之间添加一秒延迟。i、 e在一张幻灯片图像淡出后,与下一张幻灯片图像淡出应有一秒钟的间隔。下面是我的代码和代码笔链接 这里是代码 $(文档).ready(函数($){ $('.slider')。光滑({ 点:错, 箭头:错, 无限:是的, 幻灯片放映:1, 幻灯片滚动:1, 是的, 自动播放:对, 速度:2000, cssEase:'线性', pauseOnHover:是的, 响应

我刚刚创建了一个带有fadein和fadeout效果的平滑滑块示例。我想在这些滑块图像的淡入淡出效果和淡出淡出效果之间添加一秒延迟。i、 e在一张幻灯片图像淡出后,与下一张幻灯片图像淡出应有一秒钟的间隔。下面是我的代码和代码笔链接

这里是代码

$(文档).ready(函数($){
$('.slider')。光滑({
点:错,
箭头:错,
无限:是的,
幻灯片放映:1,
幻灯片滚动:1,
是的,
自动播放:对,
速度:2000,
cssEase:'线性',
pauseOnHover:是的,
响应:[{
断点:767,
设置:{
箭头:错,
幻灯片放映:1,
幻灯片滚动:1
}
}]
});
});


代替jquery代码中的速度:2000使速度为1000使用
自动播放速度:1000
。。slick中的默认自动播放速度为
3000
。所以你可以根据你的要求自动播放速度。嗨@Supriya&Asfan我想要幻灯片之间的一秒间隔。i、 第一张幻灯片图像需要完成淡出,并且需要获得1秒的间隔,然后下一张幻灯片图像应该淡出。这不是Slick的标准选项。。。你必须修补光滑的JS代码,或者在每张幻灯片之间插入一个透明的图像,但是你会得到与你的速度相等的暂停,因此需要2秒。谢谢@ChrisBE的回复,请让我知道我需要在光滑的JS中做哪些更改