安装拉斯维加斯幻灯片后的空白页 [英] Blank page after installation vegas slideshow
问题描述
嗨我有拉斯维加斯幻灯片安装问题：
http://vegas.jaysalvat.com/documentation/setup/
-我从http://vegas.jaysalvat.com/下载了拉斯维加斯（在github上还有其他文件）;
-I将所有文件放在文件夹的根目录中：vegas.min.css，vegas。 min.js，index.js，bridge.jpg（示例图片）
-I创建了一个index.html
结果是空白页。
哪里有问题？
谢谢
< b>我尝试了什么：
-index.html：
Hi i have a problem with vegas slideshow installation:
http://vegas.jaysalvat.com/documentation/setup/
-I downloaded vegas from http://vegas.jaysalvat.com/ (on github there are others files);
-I put all files in folder's root: vegas.min.css, vegas.min.js, index.js, bridge.jpg (example picture)
-I created an index.html
The result is a blank page.
Where are the problems?
Thanks
What I have tried:
-index.html:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js">
<link rel="stylesheet" href="vegas.min.css">
<script src="vegas.min.js"></script>
<script type="text/javascript" src="index.js"></script>
</script>
</head>
<body>
<div style="height: 100vh">
<div id="ShowSlideShowHere" style="height: 100vh"></div>
</div>
</body>
</html>
-index.js：
-index.js:
$("#ShowSlideShowHere, body").vegas({
slides: [
{ src: "bridge.jpg" },
{ src: "/img/slide2.jpg" },
{ src: "/img/slide3.jpg" },
{ src: "/img/slide4.jpg" }
]
});
推荐答案
（ ＃ShowSlideShowHere， body）。vegas（{
幻灯片：[
{src： bridge.jpg}，
{src： / img / slide2.jpg}，
{src： / img / slide3.jpg}，
{src： / img / slide4.jpg}
]
}）;
("#ShowSlideShowHere, body").vegas({ slides: [ { src: "bridge.jpg" }, { src: "/img/slide2.jpg" }, { src: "/img/slide3.jpg" }, { src: "/img/slide4.jpg" } ] });
别担心，我解决了：
我改变了
Don't worry, I solved:
I change
（＃ShowSlideShowHere，body ）.vegas（{
幻灯片：[
{src：bridge.jpg}，
{src：/ img / slide2.jpg}，
{src： /img/slide3.jpg}，
{src：/ img / slide4.jpg}
]
}）;
("#ShowSlideShowHere, body").vegas({ slides: [ { src: "bridge.jpg" }, { src: "/img/slide2.jpg" }, { src: "/img/slide3.jpg" }, { src: "/img/slide4.jpg" } ] });
带
With
这篇关于安装拉斯维加斯幻灯片后的空白页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
