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

Question

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

Answer 1

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

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

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

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

Answer 2

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

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

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