jquery - jCarouselLite - 高度？

Question

我正在使用 jCarouselLite jquery 插件进行简单的旋转，一次显示图像+文本，并带有上一个+下一个按钮。我的问题是 jCarouselLite 似乎正在为所有元素插入设定的高度。我的需要是我的所有图片都具有相同的高度，但文本量可能不同 - 目前 jCarouselLite 剪切/隐藏多行文本。我希望能够显示所有类型的文本，无论有多少行 - 有什么想法吗？

Answer 1

我知道这是一篇旧帖子，但这就是我解决问题的方法。适用于 carousellite.js 代码 1.0.1 版本。

问题是容器的高度是由第一个元素设置的，而不是迭代所有项目以找到最大的。我相应地调整了代码如下。

首先，向脚本添加一个名为 max_height 的新函数:

function max_height(el) {
    // Adapted 25/09/2011 - Tony Bolton - Return height of the largest item..
    var _height = 0;

    $.each(el,function() {
        var _compHeight = $(this).height();

        if (_compHeight > _height) {
           _height = _compHeight;
        }
    });

    return parseInt(_height);
};

现在，查找设置列表项高度的代码行:

li.css({ width: li.width(), height: li.height() });

将其更改为以下内容:

li.css({ width: li.width(), height: max_height(li) });

这应该可以解决裁剪问题。顺便说一句，只有在 window.load 事件中初始化轮播时，这才有效，否则 dom 将不知道容器有多高。