我在网站http://www.freetimemagazine.net上使用幻灯片拉斯维加斯背景,但初始上传时间太长,您看到没有元素的黑色背景太久。我想放置一个不属于滑块的背景静止图像,但它仅在加载的初始时间出现。我试图设置主体背景但我什么也没得到/默认图片?
下面是控制幻灯片的代码:
1) 主题.js
/**
* Vegas background image slider
*/
$.vegas('slideshow',
{
// delay: 5000,
backgrounds: [
{ src: 'img/home/01.jpg', delay: 100, fade: 100 },
{ src: 'img/home/02.jpg', delay: 5000, fade: 2000 },
{ src: 'img/home/03.jpg', delay: 5000, fade: 2000 },
{ src: 'img/home/04.jpg', delay: 5000, fade: 2000 },
{ src: 'img/home/05.jpg', delay: 5000, fade: 2000 },
{ src: 'img/home/06.jpg', delay: 5000, fade: 2000 },
// { src: 'img/home/07.jpg', fade: 2000 },
{ src: 'img/home/08.jpg', delay: 5000, fade: 2000 },
// { src: 'img/home/09.jpg', fade: 2000 },
{ src: 'img/home/10.jpg', delay: 5000, fade: 2000 },
{ src: 'img/home/11.jpg', delay: 5000, fade: 2000 },
// { src: 'img/home/12.jpg', fade: 2000 },
{ src: 'img/home/13.jpg', delay: 5000, fade: 2000 },
{ src: 'img/home/14.jpg', delay: 5000, fade: 2000 },
{ src: 'img/home/15.jpg', delay: 5000, fade: 2000 }
]
})('overlay');
2) 样式.css
body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-size: 1.4rem;
color: #292929;
background: #000; }