打开购物车上的 Jquery Easy Slider v.1.5.1
我在 Opencart v.1.5.1 上使用 Jquery Easy Slider http://cssglobe.com/post/5780/easy -slider-17-numeric-navigation-jquery-slider
我想做的是使用简单的滑块来显示我主页的畅销书部分。 我已经复制了所需的所有文件,但遇到了问题。
滑动时仅显示 1 个图像(我认为这是因为 UL 宽度,但我不知道如何设置它)
下一个和上一个箭头不合适。
这是该网站的网址:http://goo.gl/f4Xi0
I'm using Jquery Easy Slider on Opencart v.1.5.1
http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider
What I'm trying to do is use easy slider for the best seller section of my homepage.
I've copied all files required but I'm having problems with it.
Only 1 image shows when it slides (I think it's because of the UL width but i'm not sure how to set it)
the next and previous arrows are out of place.
Here's the url of the site: http://goo.gl/f4Xi0
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
span id="nextBtn",它的“位置”设置为“绝对”,对吗?所以它的父div应该设置为“position:relative”,否则它的位置将是相对于整个文档的。
http://www.w3schools.com/css/css_positioning.asp
span id="nextBtn", its "position" is set to "absolute", right? So its parent div should be set to "position:relative", otherwise its position will be relative to the whole document.
http://www.w3schools.com/css/css_positioning.asp
您需要将
.box-product {position:relative; }
,然后使用 css 调整#prevBtn
和#nextBtn
left
值,将箭头放置在您想要的位置想要他们。http://www.csspivot.com/p3rn7 - 这是在
.box-product 之后{ 位置:相对; }
(请注意,#prevBtn
仍然丢失,但调整这些left
值,它会回来。可能是 0px,也可能是 600px#nextBtn
)You need to put
.box-product { position: relative; }
and then work your way forward with the css to adjust#prevBtn
and#nextBtn
left
values to put the arrows where you want them.http://www.csspivot.com/p3rn7 - This is after the
.box-product { position: relative; }
( note that#prevBtn
is still lost but adjust thoseleft
values and it will come back.. something like 0px for that maybe and something like 600px for#nextBtn
)