我需要自定义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”中指定背景图像?
如果有人可以帮助我解决这个小难题,那将是非常有用的:)
通过查看您提供的链接的来源,代码应该<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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句