jCarouselLite - 身高？

Question

我使用jCarouselLite jquery插件进行简单的旋转,一次显示图像+文本,使用prev + next按钮.我的问题是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将无法知道容器有多高.