革命滑块改变移动背景图像

Bra*_*nut 6 wordpress revolution-slider

在使用桌面浏览时,我有一个与rev滑块完美配合的网站.但是,当从移动设备浏览时,滑块图像无法正确显示或被切断.有没有办法在移动浏览器到达网站时切换滑块内的图像,或者我可以为移动设备做些什么?我尝试用css切换但是没有用.不知道还能做些什么.任何帮助将非常感谢.

小智 10

因此,至少在版本 6 中,您可以通过添加带有背景图像的形状图层并根据屏幕大小隐藏/显示该图层来实现此目的。

  1. 制作一个新的形状图层。
  2. 转到图层选项中的“大小和位置”。
  3. 将“尺寸预设”设置为覆盖。
  4. 将“图层对齐”设置为场景。
  5. 转到图层选项中的“可见性”。
  6. 在您不希望它显示的所有屏幕尺寸上隐藏图层。
  7. 确保您的形状图层位于图层堆栈的底部。
  8. 转到图层选项中的“样式”。
  9. 选择背景图片。
  10. 确保它在“位置”部分设置为覆盖。

那应该这样做。希望能帮助某人。

您可能不得不对响应式设置大惊小怪。如果您不太了解这些设置的细微差别,我发现此视频(Slider Revolution 6.0 响应式设置)非常有用。


小智 6

最初,我认为你不能.但事实证明你可以!你只需制作两个滑块,然后巧妙地隐藏其中一个.

如果只是图片尺寸的问题,您可以为每个滑块尺寸提供自定义尺寸.我这样做是为了在移动设备上观看时无法阅读幻灯片上的文字.通过拉伸移动版本的高度,我现在可以读取图像上的文本,从而解决了问题.

您也可以在移动设备上查看时禁用滑块,如下所示.