0

http://gsclientlounge.co.uk/audi/facebook/lifestyle/day.php?d=4&m=5&y=2012&event_id=54#1

以上 url 我需要根据图像高度更改 div 高度。

但是当我将它与 coda 滑块结合使用时,情况会变得更糟,

它想相应地调整大小,

所以我在下面放了,

$(document).ready(function() {
    $("#controls a").click(function() {
        var hI= $(".imgGallery").outerHeight(); 
        $(".pan1").height(hI+40);
        $("#coda-slider-1").height(hI+40);
    });
});

获取 div 高度并覆盖。

但事情是它覆盖了以前的滑块高度而不是当前的,

任何解决方案?

4

2 回答 2

1

我认为高度计算错误,因为它正在计算幻灯片转换之前的高度。所以每次你得到上一张幻灯片的高度而不是当前幻灯片的高度。您需要在滑块的动画完成功能中计算高度

或者

计算延迟后的高度(动画所需的时间,我假设您已定义)。所以它会延迟一个 1000 毫秒的计时器,然后抓取滑块的高度并将其应用于容器

编辑:现在我想到了,如果你在滑动之后计算它,那么它不会那么平滑,因为高度是在滑动之后应用的,这意味着会有一段时间图像被切断。所以你需要做的是找出点击时下一张图像的高度,并将其用作参考点。获取所有滑动项,然后您可以抓取下一张幻灯片并计算高度,当您向前到达最后一项或向后到达第一项时,您需要一些逻辑来找到第一项或最后一项。

于 2012-05-29T20:29:41.627 回答
0

我已通过为画廊完成事件添加事件来解决此问题。

于 2012-06-04T05:30:03.517 回答