WordPress 中的滑块革命：上一个滑块图像在下一个图像之前放大

Posted 2023-05-09

【中文标题】WordPress 中的滑块革命：上一个滑块图像在下一个图像之前放大

【英文标题】：Slider Revolution in WordPress: Previous slider image zooms in before next image

【发布时间】：2017-08-01 12:18:12

【问题描述】：

我继承了这个网站：http://www.thinkiam.com/

这是使用 Slider Revolution 的 WordPress。

滑块及其图像的默认全尺寸为 1200p。当屏幕小于该值时，前一张幻灯片会在下一张幻灯片加载之前放大。

幻灯片初始加载大小合适的唯一原因是我添加了 background-size: cover 给它们。如果没有这种风格，图像即使第一次出现也不会响应。

您可以通过检查并关闭它来查看

@media screen and (max-width: 1200px)
style.css?ver=1.0.0:27
div.tp-bgimg.defaultimg, div.slot 
    background-size: cover;

Slider Revolution 中的哪些设置会产生一个简单的响应式滑块？

【参考方案1】：

在革命滑块的从未有过的版本中，他们很好地发现了响应式或移动设备，因此请检查您是否拥有最新版本

只需进入滑块设置，点击您想要支持移动设备和平板电脑的选项（您也可以调整屏幕尺寸），然后当您编辑滑块时，您将获得额外的移动设备和平板电脑视图可以调整您的移动滑块

她的教程很详细： https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/

玩得开心

【参考方案2】：

终于明白了。令人抓狂的部分是图像的大小一直都是正确的，除非当前幻灯片退到背景中，以便下一张幻灯片可以从它上面出现。发生这种情况时，现在的背景图像变为全尺寸并溢出滑块视口。当它位于堆栈顶部时，我可以设置图像的样式，但当它成为背景图像时则不行。

原来滑块中的每张幻灯片都有自己的样式。 “背景大小”选项设置为“正常”。将每张幻灯片设置为“包含”选项允许滑块响应较小的屏幕尺寸。