拉斯维加斯背景jquery插件

我在网站http://www.freetimemagazine.net上使用幻灯片拉斯维加斯背景，但初始上传时间太长，而且您看到没有元素的黑色背景太长。我想放置一个不属于滑块一部分的背景图像，但它只出现在加载的初始时间。我试图设置身体背景，但我没有得到任何东西，我试图在js插件中为滑块的第一个图像更快地设置“延迟”，但我没有得到任何东西......我如何设置初始值/默认图片？拉斯维加斯背景jquery插件

下面是控制幻灯片放映的代码：

1）theme.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）的style.css

body { 
font-family: 'Open Sans', sans-serif; 
font-size: 14px; 
font-size: 1.4rem; 
color: #292929; 
background: #000; }

来源

2013-09-23 Ludovico

尝试添加此：

$.vegas( 
    { src: 'img/home/01.jpg' } 
);

之前

$.vegas('slideshow', { 
    backgrounds: [ 
    ...

来源

2014-03-01 23:20:26

我不知道你是否已经知道了这一点，但你需要做的只是添加一个背景图像到你的网站的正文。

body {background: url('../img/yourimage.jpg') 0 0 no-repeat; background-size: cover;}

您也可以考虑优化您的图像多一点。如果您尝试加载较大的图片，则可能需要较长的时间才能加载，但不仅如此，用户也不会访问您的网站来等待背景，并且可能会创建一个糟糕的用户体验。

来源

2015-12-30 08:14:43

拉斯维加斯背景jquery插件

回答

相关问题