[英]Image Slideshow not fading out then fading in?
我正在尝试制作一个选择随机图像、淡出当前图像并淡入随机选择图像的图像幻灯片。 如果这是有道理的。 如果没有,代码可能会解释我想要做什么:
function cycleImages(){
var images = [
"gallery-1.jpg",
"gallery-2.jpg",
"gallery-3.jpg"
];
var randomImg = images[Math.floor(Math.random()*images.length)]
$("#switch").attr("src",randomImg).fadeOut(4000).stop(true,true).hide().fadeIn(4000)
}
$(document).ready(function(){
setInterval('cycleImages()', 7000);
})
这是我第一次使用 Jquery。 我希望它在选择随机选择的图像之前淡出,但它只是随着硬过渡而消失,并在下一张图像中淡出。 请帮帮我,谢谢!
淡出采用第二个参数。 淡出完成时的回调函数。 像这样的东西:
$("#switch").attr("src",randomImg).fadeOut(4000, () => {
//this will run after fading out.
$("#switch").fadeIn(4000);
});
小提琴: https : //jsfiddle.net/17w3edgv/1/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.