JQuery Unslider插件问题

时间:2013-09-12 15:23:36

标签: jquery css

我正在尝试将Unslider JQuery插件实现到我的About页面。我按照本网站http://unslider.com/的说明操作并实施了插件,但我有两个问题我无法正确解决:

  1. 如果你仔细看一下在“关于”部分上滑动的文本(左侧和右侧)并且它不在页面的正中心位置(它实际上是位置a由于某种原因位于中心右侧???)。如果我将.banner {position: relative; left: -25px;}添加到我的CSS中它在1366x768分辨率屏幕上看起来很好但是因为它应该是响应并且在所有分辨率屏幕上看起来都很好我试图通过将浏览器宽度拖动到小于1366来降低屏幕分辨率它看起来不太好,缺少文本部分。很明显,我的CSS解决方案并不好。

  2. 我添加了Prev / Next按钮,但它们根本没有出现?

  3. 希望你们能帮助我!谢谢大家:))

    这是我的JSFiddle:http://jsfiddle.net/uNKmz/35/

    此外,是否可以更改滑块的高度以及如何做到这一点?

1 个答案:

答案 0 :(得分:0)

我解决了第一个问题的问题。给.banner ul元素添加了填充。请记住,无论何时创建<ul>元素,都会将默认填充分配给该元素。因此,您所要做的就是将padding: 0px分配给该特定元素,使其不会向右移动。

我相信Unslider人在css代码中输了一个拼写错误,可能会让一些人感到困惑。我认为应该有.banner ul而不是.banner li的样式,因为横幅中的列表项已经有banner ul li下的样式。

这是我在css中所做的改变。

我删除了

.banner li {
    list-style: none;
}

并添加了

.banner ul {
    list-style: none;
    padding: 0px;
}

这是更新小提琴的链接。

http://jsfiddle.net/theMugician/uNKmz/47/