【问题标题】:Auto hiding behind the screen image slider for WordPress自动隐藏在 WordPress 的屏幕图像滑块后面
【发布时间】:2013-05-06 11:49:45
【问题描述】:

我的客户要求为 wordpress 提供一个滑块插件,这些插件将放置在页面的标题处。它将有多个图像通过下一个和上一个按钮依次消失。但问题是他不想要完全响应的滑块。他想要一些像这个链接http://go-vacation.com/ 的东西。请看顶部的滑块。尝试调整浏览器的宽度和高度。主题是当有人调整浏览器窗口的大小时,图像隐藏在屏幕后面。并且没有滚动条出现。仅当屏幕大小调整为小于 960 像素时才会出现滚动条。滑块的图像大小将为 1600*600 像素。假设屏幕现在为 1000 像素,那么您将只能看到图像的 1000 像素部分,其余部分将从屏幕两侧隐藏。请注意http://go-vacation.com/的行为

我实际上并不是这背后的逻辑,所以我可以从 CSS 和 js 开始。为此要开始的主题是什么。你的收藏中有什么吗?如果是正常的jquery滑块那么也没有问题。我会将其转换为 wordpress 插件。或者对主要逻辑的简单示例的任何帮助都是可观的。

【问题讨论】:

    标签: javascript css wordpress slider


    【解决方案1】:

    我所知道的最好的 WP 滑块(也是响应式的)是FlexSlider。但是你可以使用任何你想要的滑块。只需设置您的滑块容器 min-width 和 width: 100% (如果它不是由滑块本身设置的)。

    【讨论】:

    • 嗨,Alex,我正在使用旋风滑块。我也相信,如果我们弄清楚逻辑,那么任何滑块都会起作用。你看到 go-vaction.com 的行为了吗?我会尝试你的建议。但只是提醒您这实际上不是一个响应式滑块。调整浏览器窗口大小时,不应在此处调整图像大小。而是在调整窗口大小时从两侧隐藏图像。
    • 如果你把它作为背景,它不会调整图像的大小。我不知道旋风滑块如何渲染图像,所以你应该弄清楚。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-23
    • 1970-01-01
    • 1970-01-01
    • 2023-04-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多