我需要帮助来定制jQuery插件。我对javascript或jQuery没有多少经验。我非常喜欢新手。
我从http://vegas.jaysalvat.com/下载了Vegas 1.3.4插件，因为我希望在我正在处理的学校项目上播放全屏背景幻灯片。但我不知道如何自定义这个插件。 我想'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');
我在哪里放置这段代码？它是假设进入<head>here?</head>还是然后是'jquery.vegas.js'，我将指定我的背景图像？
如果有人能帮助我解决这个小谜题，那将是非常有帮助的。:)
答案 0 :(得分：2)
通过查看link you provided的来源，代码应该在<{1}} 导入<head><!--here--></head>脚本后进入jquery.vegas.js 。这符合W3C标准。
但是为了提高性能，建议在结束</body>标记之前在页面底部添加脚本。因此，您的代码应该如下所示：
<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>