开放式购物车v.1.5.1上的Jquery Easy Slider

Question

我在Opencart v.1.5.1上使用Jquery Easy Slider http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

我要做的是使用简单滑块作为我主页的畅销部分。 我已经复制了所有必需的文件，但我遇到了问题。

1. 滑动时只显示1张图片（我认为这是因为UL宽度，但我不知道如何设置）

2. 下一个和上一个箭头不合适。

以下是该网站的网址：http://goo.gl/f4Xi0

Answer 1

您需要放置.box-product { position: relative; }，然后使用css继续前进，以调整#prevBtn和#nextBtn left值，将箭头放在您想要的位置。< / p>

http://www.csspivot.com/p3rn7 - 这是在.box-product { position: relative; }之后（请注意，#prevBtn仍然丢失，但会调整left个值，然后它会返回..就像0px那样也许像#nextBtn）

那样600px

Answer 2

span id =“nextBtn”，其“位置”设置为“绝对”，对吗？所以它的父div应该设置为“position：relative”，否则它的位置将相对于整个文档。

http://www.w3schools.com/css/css_positioning.asp