javascript - 自动隐藏在 WordPress 的屏幕图像 slider 后面

标签 javascript css wordpress slider

我的客户要求为 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/

相关文章:

javascript - 如何动态创建具有负索引的多维数组?

javascript - 如何正确选择 Canvas 宽度?

html - 如何在 CSS 中使用带有换行符的自定义下划线?

javascript - jQuery ("ul.sf-menu").superfish 不是函数

javascript - Firebase 云消息传递仅适用于本地主机

javascript - 页面加载时默认第一个选项卡处于事件状态

php - joomla 中的 jquery-ias 不起作用

css - LESS - 嵌套选择器后 "&"的用途是什么

MySql - 根据当前表插入新行

css - WordPress 主题中的文本溢出,行未正确断开