WordPress中的滑块旋转:上一个滑块图像在下一个图像之前放大

时间:2017-03-11 02:00:53

标签: css wordpress revolution-slider

我继承了这个网站: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中的哪些设置会产生一个简单的响应滑块?

2 个答案:

答案 0 :(得分:1)

在革命滑块的永不版本中,他们很好地找出了响应或移动的东西,所以检查你是否有最新版本

只需进入滑块设置,点击您想要支持手机和平板电脑(您也可以调整屏幕大小),之后当您编辑滑块时,您将拥有移动设备和平板电脑的额外视图可以调整移动滑块

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

玩得开心

答案 1 :(得分:0)

终于明白了。令人抓狂的部分是图像尺寸合适,除非当前幻灯片退到背景,所以下一张幻灯片可以进入其顶部。发生这种情况时,现在背景图像变为全尺寸并溢出滑块视口外部。我可以在图像位于堆栈顶部时对其进行样式设置,但在图像变为背景图像时则不会。

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