内容
- 图片
- 透明/彩色
- 背景视频
- YouTube视频
- Vimeo视频
- HTML5视频
- 影片设定
- 相关话题
- 图像/视频层
- 幻灯片动画
1.图像背景
从WP库,插件的对象库中选择/上传图像,或从外部URL加载图像。
对象库图像
对象库适用于已注册购买代码的直接客户。
要将图像用作幻灯片的主要背景,请选择“图像”或“外部图像”作为源。
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 2 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 1](https://aladd.net//wp-content/uploads/2020/05/background-image-3.jpg)
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 3 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 2](https://aladd.net//wp-content/uploads/2020/05/external-image-3.jpg)
接下来,从“媒体”或“对象”库中选择一个图像,或键入您希望用作外部图像的URL。
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 4 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 3](https://aladd.net//wp-content/uploads/2020/05/image-media-library-3.jpg)
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 5 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 4](https://aladd.net//wp-content/uploads/2020/05/external-image-url-3.jpg)
如果您的模块设置为特殊流(Instragram,Facebook等),则将源设置为“图像”并启用“如果存在特殊流”按钮。
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 6 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 5](https://aladd.net//wp-content/uploads/2020/05/image-from-stream-3.jpg)
接下来,调整图像的大小和位置设置
1.源大小
选择应使用图像的WP版本。
2. BG Fit图像
的CSS背景大小。建议使用“封面”。
3.重复图像
的CSS背景重复。对于常规图像,请使用“不重复”,对于图案类型的背景请使用“重复”。
4.位置图像
的CSS背景位置。
5. Alt。属性
为图像定义“替代”文本,以实现可访问性和SEO。
6.标题属性
为图像定义“标题”文本,以实现可访问性和SEO。
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 7 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 6](https://aladd.net//wp-content/uploads/2020/05/background-image-settings-3.jpg)
2.透明和彩色背景
将幻灯片的背景设置为透明或彩色/渐变。
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 8 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 7](https://aladd.net//wp-content/uploads/2020/05/transparent-background-3.jpg)
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 9 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 8](https://aladd.net//wp-content/uploads/2020/05/colored-background-1-3.jpg)
然后,如果背景为“彩色”,则使用插件的“颜色选择器”小部件设置您的颜色/渐变。
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 10 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 9](https://aladd.net//wp-content/uploads/2020/05/edit-color-3.jpg)
3.背景视频
有关背景视频的重要信息
背景视频仅是视觉元素。它们将自动播放,没有控件,也 没有声音。如果您希望视频不能自动播放并且可以使用传统控件,请将幻灯片的主要背景设置为纯色或图像,然后将视频添加为 视频层 。
3.1 YouTube视频
设置YouTube视频的ID和海报图像
1. YouTube ID
输入您要显示的YouTube视频的ID。
2.海报图像
所有视频都必须设置“海报图像”。选择使用YouTube视频的海报图像,或从媒体/对象库中选择一个。当显示幻灯片时,“海报”将首先显示在动画中,然后随后将开始播放视频。
3.流中的图像
如果将模块设置为特殊流, 并且希望从该流中加载海报图像,则选择此选项。
4.来自流的视频
如果您的模块设置为特殊流, 并且您希望从该流中加载视频,请选择此选项 。
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 11 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 10](https://aladd.net//wp-content/uploads/2020/05/youtube-background-video-3.jpg)
3.2。Vimeo视频
设置Vimeo视频的ID和海报图像
1. Vimeo ID
输入您要显示的Vimeo视频的ID。
2.海报图像
所有视频都必须设置“海报图像”。当显示幻灯片时,“海报”将首先显示在动画中,然后随后将开始播放视频。
3.流中的图像
如果将模块设置为特殊流, 并且希望从该流中加载海报图像,则选择此选项。
4.来自流的视频
如果您的模块设置为特殊流, 并且您希望从该流中加载视频,请选择此选项 。
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 12 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 11](https://aladd.net//wp-content/uploads/2020/05/vimeo-source-id-3.jpg)
3.3。HTML5视频
通过从媒体/对象库上载/选择视频或键入自定义URL来设置HTML5视频。
1. MPEG
输入您要使用的视频的绝对URL,或从媒体/对象库中选择/上传视频。
2.海报图像
所有视频都必须设置“海报图像”。当显示幻灯片时,“海报”将首先显示在动画中,然后随后将开始播放视频。
3.流中的图像
如果将模块设置为特殊流, 并且希望从该流中加载海报图像,则选择此选项。
4.来自流的视频
如果您的模块设置为特殊流, 并且您希望从该流中加载视频,请选择此选项 。
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 13 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 12](https://aladd.net//wp-content/uploads/2020/05/html5-video-source-3.jpg)
3.4。影片设定
1.长宽比
对于较旧的视频,将其更改为4:3。否则在16:9离开。
2.叠加层
可选的网格类型叠加层,可为视频添加额外的样式。
3.循环模式
选择是否在每次结束时自动重播视频。
4.强制覆盖模式为视频
添加对象匹配:覆盖。
5.结束时的下一张幻灯片
选择是否在视频结束时将滑块切换到下一张幻灯片。
6.在开始时倒带
每次显示幻灯片时,始终从头开始播放视频。
7/8。开始时静音,视频音量
现在不建议使用此选项,因为背景视频将始终无声音播放。
9.视频速度
可以选择以慢动作或高速播放视频。适用于YouTube / Vimeo视频。
10,11。开始时间,结束时间
以“分钟:秒”格式设置视频的自定义开始和/或结束时间。
12.自变量
YouTube自变量和Vimeo自变量可提供其他选项。
![[Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 14 [Slider Revolution 6] 将幻灯片的主要背景设置为颜色、图像或视频。 13](https://aladd.net//wp-content/uploads/2020/05/background-video-settings-3.jpg)