自动隐藏在WordPress的屏幕图像滑块后面

时间:2013-05-06 11:49:46

标签: javascript css wordpress slider

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

的行为

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

1 个答案:

答案 0 :(得分:0)

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