bxslider - 滑块外的自定义控件

时间:2015-04-24 09:55:13

标签: controls bxslider

我是css和html5的新手。 我正在使用bxslider并希望在滑块div之外有控件(箭头导航)。我是根据http://bxslider.com/examples/custom-next-prev-selectors制作的,但我不喜欢它。 如何替换"向前"用箭头图像(jpg)? 如何将箭头图像移动到滑块的边缘?我不希望它在中心,但除了滑块。

http://www.pulik.edl.pl/WWWMG/foto.html

2 个答案:

答案 0 :(得分:0)

为什么你不使用自己的bxslider控件并更改其CSS? 然后使用左/右,您可以解决方法使控件位于滑块的边缘。

否则,如果您真的想使用自定义控件,请在控件和滑块周围创建一个容器。如果容器制作正确,那么你可以很容易地做到这一点。

答案 1 :(得分:0)

要将方向控件移到内容之外,您需要覆盖自己的css文件中的bxslider css:

.bx-prev {
    margin-left: -70px;
}

.bx-next {
    margin-right: -70px;
}

这可能会导致进一步的问题,即控件位于您的所有内容之外,甚至不可见。在这种情况下,您应该将整个滑块控件包装在另一个具有左右填充的div中。