WordPress中的Slider Revolution:上一个滑块图像在下一个图像之前放大 [英] Slider Revolution in WordPress: Previous slider image zooms in before next image

问题描述

我继承了此网站: http://www.thinkiam.com/

它是使用Slider Revolution的WordPress.

It's WordPress using Slider Revolution.

滑块的默认完整尺寸&它的图像是1200p.如果屏幕小于此尺寸，则上一张幻灯片会在下一张幻灯片加载之前放大.

The default full size of the slider & it's images is 1200p. When the screen is smaller than that, the prior slide zooms in just before the next slide loads.

幻灯片以正确大小初始加载的唯一原因是我添加了background-size:封面.如果没有这种样式，即使图像首次出现也无法响应.

And the only reason the slides initial load at the right size is because I added background-size: cover to them. Without that style, the images are not responding even when they first appear.

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

You can see that by inspecting and turning this off

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

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

What settings in Slider Revolution that will produce a simple responsive slider?

推荐答案

在从来没有使用过革命滑块的版本中，他们都很好地发现了响应式或移动式内容，因此请检查您是否拥有最新版本

in never versions of the revolution slider they figured out responsive or mobile stuff very nicely, so check if you have the latest version

只需进入滑块设置，然后单击要支持移动设备和平板电脑的位置(您也可以调整屏幕尺寸)，然后编辑滑块时，您将在其中拥有更多的移动设备和平板电脑视图可以调整您的移动滑块

just go in slider settings, click on that you want to have support for mobile and tablet (you can adjust screen sizes as well) and after that when you will edit your slider your will have extra views for mobile and tablet where you can adjust your slider for mobile

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

玩得开心

这篇关于WordPress中的Slider Revolution:上一个滑块图像在下一个图像之前放大的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！