我的客户要求为 wordpress 提供一个 slider 插件,这些插件将被放置在页面的标题处。它将有多个图像通过下一个和上一个按钮一个接一个地淡出。但问题是他不想要完全响应式 slider 。他想要一些像这个链接 http://go-vacation.com/ .请看顶部的 slider 。尝试调整浏览器的宽度和高度。主要主题是当有人调整浏览器窗口大小时图像隐藏在屏幕后面。并且没有滚动条出现。只有当屏幕尺寸调整到小于 960 像素时才会出现滚动条。 slider 的图像大小将为 1600*600 像素。因此假设屏幕现在为 1000 像素,那么您将只能看到图像的 1000 像素部分,其余部分将从屏幕两侧隐藏。请观察 http://go-vacation.com/ 的行为
我其实不是这个背后的逻辑所以我可以从CSS和js入手。将以什么为主题展开。你有什么收藏吗?如果是普通的 jquery slider 那么也没问题。我会将其转换为 wordpress 插件。或者对主要逻辑的简单示例的任何帮助都是可观的。
最佳答案
我知道的最好的 WP slider (也是响应式的)是 FlexSlider .但是您可以使用任何您想要的 slider 。只需设置您的 slider 容器 min-width 和 width: 100%(如果它不是由 slider 本身设置的)。
关于javascript - 自动隐藏在 WordPress 的屏幕图像 slider 后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16398155/