[英]Add fadein and fadeout to css and java slideshow
我发现并仅使用Java和CSS进行幻灯片放映。 我需要这个,因为我还在CSS脚本中使用了背景混合模式,而在img src上不起作用。
这是代码:
http://jsfiddle.net/xdUBZ/749/
也在这里:
function run(interval, frames) {
var int = 1;
function func() {
document.body.id = "b"+int;
int++;
if(int === frames) { int = 1; }
}
var swap = window.setInterval(func, interval);
}
run(6000, 10); //milliseconds, frames
这是css代码:
#b1 { background: hsl(10, 50%, 50%); }
#b2 { background: hsl(30, 50%, 50%); }
#b3 { background: hsl(60, 50%, 50%); }
#b4 { background: hsl(90, 50%, 50%); }
#b5 { background: hsl(120, 50%, 50%); }
#b6 { background: hsl(150, 50%, 50%); }
#b7 { background: hsl(180, 50%, 50%); }
#b8 { background: hsl(210, 50%, 50%); }
#b9 { background: hsl(240, 50%, 50%); }
#b10 { background: hsl(270, 50%, 50%); }
有没有增加淡入淡出效果的方法? 我也注意到您可以更改时间(以毫秒为单位)。 最初的毫秒数结束后的毫秒数将是第一个时间,而不是第一个图像将被加载。 有没有办法马上拿出第一张图片
亲切的问候,贾斯汀
如果添加
body {
transition-duration: 1s;
}
然后颜色将相互淡入。 如果使用图像,则它们会淡入淡出
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.