我想根据容器中包含的图像设置容器的高度

I want to set height of container according to contained images in it

本文关键字：图像 设置 高度 包含      更新时间：2023-09-26

我想在分析图像高度后设置容器的高度。有一个容器，里面有两个图像：

  • 如果两个图像的方向都是水平的，那么它的容器应该得到特定的高度（110px）
  • 如果一个图像是水平的，另一个是垂直的，那么容器的其他高度（130px）
  • 如果两个图像都是垂直的，那么另一个高度（160px）

我已经写了代码，在这里我将首先分析每个图像的方向，然后是另一个函数，它将相应地为容器提供高度。以下是我迄今为止所做的尝试。

我想知道，如何设置容器的高度？

首先，请注意，您有多个具有相同ID的元素；CCD_ 1。将其更改为类，否则这不是有效的HTML。

要使用类frame设置容器的height，请执行以下操作：

if($(this).width() > $(this).height()) {
    //do other stuff
    $(this).parents(".frame").height(110); //this sets to 110px, can be anything
}
else {
    $(this).parents(".frame").height(130); //this sets to 130px, again, can be anything
}

我希望这对你有任何帮助！

相关文章：