jquery - Cycle2 在 twitter-bootstrap 网格中滑动

Question

我有一些网格，例如

row 4 | 4| 4
row 8    | 4

比我在第一行第一和第二网格中分别放置一个周期2 slider 比在秒行第二网格上再次放置一个周期2 这是一种对称性的游戏

我的问题图像有不同的分辨率，高度应该扩展到最高的网格。因此，例如在我的第一行中，cycle2 图像的高度应该相同。

这里我有一个 jsfiddler 模型
https://jsfiddle.net/lgtsfiddler/72ycx3m6/19/

这种情况该如何处理？

Answer 1

您是否正在寻找这样的输出:

https://jsfiddle.net/72ycx3m6/24/

在这里，我向每个 row div 添加了一个 equalheight 类，并添加了 JS 函数，例如:

$(document).ready(function(){
    var maxHeight = 0;
    $(".img-responsive").each(function(){
         var currentHeight = $(this).height();
         if (currentHeight > maxHeight)
             maxHeight = currentHeight;
    });

    $("div.equalheight").height(maxHeight);
});