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

发布于 2024-12-01 19:09:37 字数 476 浏览 2 评论 0原文

我在 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

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.

  1. 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)

  2. the next and previous arrows are out of place.

Here's the url of the site: http://goo.gl/f4Xi0

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

美羊羊 2024-12-08 19:09:37

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

似狗非友 2024-12-08 19:09:37

您需要将 .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 those left values and it will come back.. something like 0px for that maybe and something like 600px for #nextBtn )

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文