javascript - 如何调整lightslider容器的大小

Question

首先，多么棒的滑块！感谢您与我们在编码方面苦苦挣扎的人分享。我不好意思问这个，但是在阅读了 189 个 stackoverflow 帖子和许多网络搜索之后，我陷入了死胡同。我已经尝试了我在 .js 和 .css 中所知道的一切，但没有任何运气。

我需要使整个滑块包更大。我的页面上有两列，我需要调整滑块的大小以填充较大的右列容器。我知道这会影响缩略图，但我理解完美调整缩略图大小的选项。

我真的觉得我想多了，遗漏了一些明显的东西。我正在使用从 github.com/sachinchoolur/lightslider 下载的lightslider 1.1.3。除了选项之外，没有对代码进行任何更改。安装并运行良好。http://sachinchoolur.github.io/lightslider/上的 jsfiddle几乎就是我正在运行的东西，除了调整大小之外没有任何问题。我不是编码员，但我有一些基本的了解和经验。谢谢你的帮助！

标签： javascriptjquery

Answer 1

使用宽度和高度的值。

<ul id="lightSlider">
    <li data-thumb="img1.jpg">
        <a href="#">
            <img src="img1.jpg" style="height: 100%; width: 100%;" />
        </a>
    </li>
</ul>