Question

嗨我有拉斯维加斯幻灯片安装的问题： http://vegas.jaysalvat.com/documentation/setup/

我从http://vegas.jaysalvat.com/下载了拉斯维加斯（在github上有其他文件）;

我创建了index.html（并将其放在vegas文件夹中）

首先，谢谢你，我为我的无知道歉，但你能解释更多细节吗？所有文件都在文件夹的根目录中：vegas.min.css，vegas.min.js，index.js，index.html，bridge.jpg

我也尝试过这种方式（没有结果）：

-index.html：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
  <link rel="stylesheet" href="vegas.min.css">
  <script src="vegas.min.js"></script>
  <script type="text/javascript" src="index.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
</head>
<body>
    <div style="height: 100vh">
    <div id="ShowSlideShowHere" style="height: 100vh"></div>
    </div>
</body>
</html>

-index.js：

$("#ShowSlideShowHere, body").vegas({
    slides: [
        { src: "bridge.jpg" },
        { src: "/img/slide2.jpg" },
        { src: "/img/slide3.jpg" },
        { src: "/img/slide4.jpg" }
    ]
});

编辑我已经解决了我省略了字符串 $（函数（）{

-index.js：

$(function(){
$("#ShowSlideShowHere, body").vegas({
    slides: [
        { src: "bridge.jpg" },
        { src: "/img/slide2.jpg" },
        { src: "/img/slide3.jpg" },
        { src: "/img/slide4.jpg" }
    ]
});
});

Answer 1

$("#ElementToAttachSlideTo").vegas({
slides: [
    { src:'bridge.jpg', fade:1000 },
    { src:'/img/bg2.jpg', fade:1000 },
    { src:'/img/bg3.jpg', fade:1000 }
 ]
});

嗨，从它的外观来看，你必须在html文件的body部分创建一个元素，然后使用jquery选择器将滑块附加到该元素。

拉斯维加斯幻灯片安装

1 个答案: