如何使用Vegas Jquery插件自定义全屏背景图像幻灯片

安雅

我需要自定义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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在HTML Wordpress上使用自定义背景CSS的图像幻灯片

如何在LibreOffice Impress中为幻灯片定义自定义颜色背景?

使用幻灯片功能中的jQuery ui参数的jQuery自定义滑块(?)

如何自定义AndroidHive幻灯片菜单

如何使用vegas.js插件添加文本动画

通过在Drupal 7中使用JQuery更改背景图像CSS属性来进行幻灯片显示

如何使用Pure Javascript或Pure Javascript库创建背景图像的幻灯片

如何在两个自定义TableViewCells中显示UIView图像幻灯片和CollectionViews?

使用Markdown,Pandoc,Beamer自定义正文文本和图像以创建PDF幻灯片

在全屏Android中使用RecyclerView幻灯片图像

尝试使用CSS和JQUERY循环播放幻灯片中的多个背景图像

感谢滑块。但是如何添加自定义文本并登录每张幻灯片的中心?谢谢

在 boostrap carousel 中使用图像而不是幻灯片的背景

如何使用CSS /全屏幻灯片获取多个旋转背景封面

从图像的右中心使用 jquery 的图像幻灯片

如何让Bootstrap模态能够动态地为每个幻灯片(自定义帖子类型)打开?

在同位素(砌体)网格中使用带有背景图像的Slick Carousel-幻灯片的高度变为1px

如何将图像或背景图像添加到 winforms 中的自定义按钮?

如何在不使用swiftUI附带的幻灯片进行删除的情况下创建自定义删除按钮我不使用列表,仅使用foreach循环

如何停止图像的幻灯片显示?

使用viewpager的图像幻灯片

使用 JFrame 的图像幻灯片

如何在react-navigation中将背景图像设置为自定义DrawerNavigator

如何在Hyperterm中设置自定义背景图像

如何设置自定义谷歌地图标记的背景图像?

如何使用幻灯片更改UISlider背景颜色

如何使用JavaScript将幻灯片图像居中?

使用jQuery单击动画幻灯片

没有使用Jquery的插件的顶级幻灯片菜单