4

我相信我已经尝试了所有事情并且失败了。我一直在使用郁郁葱葱的响应滑块，并且遇到了一些重大问题。

首先，我从演示中获取了确切的代码并将其放在我的标题中，但它的底部和右侧有一个奇怪的填充，所以我删除了它并认为它除了高度之外工作正常。它太大了，占据了页面的一半以上。

当我调整窗口大小并重新加载页面时，虽然滑块的背景位于左上角，但比它需要的小得多。所以只有当你在 100% 的屏幕上重新加载时，响应才有效？这不会产生任何场景。

另外，身高让我很困扰。我根本无法调整它的大小，当我在 10em 的 ul 和 li 上放置静态高度时，它确实调整了大小，但随后响应能力消失了。

我试图在 js fiddle 中发布这个，但是插件代码太多以至于它在没有运行任何东西的情况下崩溃了。如果有帮助，我可以在上面发布一个开发网站。正如我所说，我使用了演示文件中的确切 html 和 css，我只去掉了一点填充以使其全宽。

任何帮助将非常感激。

4

2 回答 2

1

好的，我已经设法解决了宽度问题。问题似乎与初始 baseWidth 有关，默认为 1140 像素。玩弄

data-base-width="600" and data-base-height="600"

第一个郁郁葱葱的滑块 div 标签中的属性可能会看到您取得了一些进展，但看起来只接受固定值，没有百分比。我选择了这个似乎可行的解决方案，使用 document.write 方法编写第一个 div 标记并以编程方式设置 clientWidth 的宽度，如下所示：

<script>
document.write('<div id="lushDiv" class="lush-slider autoload shadow-a" data-slider-pause-on-hover="true" data-base-width="' + document.body.clientWidth + '" data-base-height="600" style="background: rgb(229, 229, 229)">');
</script>
于 2014-11-29T13:49:50.583 回答
-1

我的建议是不要使用 Javascript 或 JQuery。一些简单的 CSS 和 HTML 就可以了。

这是小提琴：http: //jsfiddle.net/jacobdubail/bKaxg/7/

您显然不需要所有的 CSS。只需更改它以配合您的布局。

将宽度更改为百分比，如下所示：

min-width: 100%;

我建议将高度更改为 ems。

于 2013-12-26T05:49:15.133 回答