Question

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高度并覆盖。

但事实是它覆盖了之前的滑块高度而非当前，

任何解决方案？

Answer 1

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

OR

计算延迟后的高度（动画所需的时间，我假设你定义了这个）。所以它会延迟一个1000毫秒的计时器，然后抓住滑块的高度并将其应用到容器

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

Answer 2

我已经通过为图库完成事件添加事件来修复此问题。

在运行时获取div高度

2 个答案: