如何自定义一个全屏背景图像幻灯片与拉斯维加斯jQuery插件

Question

我需要帮助来定制jQuery插件。我对javascript或jQuery都没有太多经验。我是个新手。

我从网站下载了Vegas 1.3.4插件http://vegas.jaysalvat.com/ 因为我想有一个全屏背景幻灯片，介绍我正在做的一个学校项目。但是我不知道如何定制这个插件。我猜“jquery.vegas.js”是所有神奇的地方。

我在这里通读了幻灯片的文档：http://vegas.jaysalvat.com/documentation/slideshow/ 找到了这段代码：

$.vegas('slideshow', {
backgrounds:[
{ src:'/img/background1.jpg' },
{ src:'/img/background2.jpg' },
{ src:'/img/background3.jpg' }
]
})('overlay');

我该把这段代码放在哪里？它应该进去吗？

如果有人能帮我解决这个小难题，那将大有裨益：）

Answer 1

从您提供的链接的来源来看，代码应该放在

但是为了提高性能，建议在页面底部添加脚本，就在关闭

  <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  <script type="text/javascript" src="jquery.vegas.js"></script>
  <script>
  $.vegas('slideshow', {
    backgrounds:[
      { src:'/img/bg1.jpg', fade:1000 },
      { src:'/img/bg2.jpg', fade:1000 },
      { src:'/img/bg3.jpg', fade:1000 }
    ]
  })('overlay', {
    src:'/vegas/overlays/11.png'
  });
  </script>
</body>