使用php获取div高度并将其应用于图像_Php_Wordpress

使用php获取div高度并将其应用于图像

php wordpress

使用php获取div高度并将其应用于图像,php,wordpress,Php,Wordpress,正如标题所说，我试图使用php获得元素的高度，然后将该值应用于图像。这实际上会收缩图像或拉伸图像。因为我对编码还是新手，所以我在网上搜索，我找到的是用javascript进行编码的唯一解决方案，就像这样 DivHeight = document.getElementById("TheDiv").offsetHeight 但是我找不到任何使用php的工具。在php中无法获得div的高度，因为当呈现页面并显示div时，php已经消失了。唯一的方法是使用javascript获取高度，然后通过AJAX

正如标题所说，我试图使用php获得

元素的高度，然后将该值应用于图像。这实际上会收缩图像或拉伸图像。因为我对编码还是新手，所以我在网上搜索，我找到的是用javascript进行编码的唯一解决方案，就像这样

DivHeight = document.getElementById("TheDiv").offsetHeight

但是我找不到任何使用php的工具。

在php中无法获得div的高度，因为当呈现页面并显示div时，php已经消失了。唯一的方法是使用javascript获取高度，然后通过AJAX获取图像

您知道，您可以通过更改图像的宽度和高度，仅使用javascript缩小图像。结果不是最优的，但它可能会很好地满足您的需要。

在PHP中无法获得div的高度，因为当呈现页面并显示div时，PHP已经消失了。唯一的方法是使用javascript获取高度，然后通过AJAX获取图像

您知道，您可以通过更改图像的宽度和高度，仅使用javascript缩小图像。结果不是最优的，但它可能会很好地满足您的需要。

php是一种服务器端语言，您无法获得div的高度

您可以通过添加属性来指定图像大小。php是一种服务器端语言，无法获得div的高度

您可以通过添加属性来指定图像大小，正如这里的其他人所说，PHP无法做到这一点。但是为什么不直接使用CSS呢

如果包含的DIV具有高度和宽度，则可以将图像样式设置为在过程中用以下内容填充拉伸或收缩的空间：

.imgclass {
  height: 100%
  width: 100%
}

但是，如果您想在服务器上实际调整图像的大小，则必须使用AJAX并通过Javascript请求新图像，这可能会很慢，具体取决于服务器生成图像所需的时间

我建议不要使用后者，除非您预先构建一组大小，并使用最接近的大小，然后在浏览器中使用CSS调整大小。

正如其他人所说，您不能使用PHP来实现这一点。但是为什么不直接使用CSS呢

如果包含的DIV具有高度和宽度，则可以将图像样式设置为在过程中用以下内容填充拉伸或收缩的空间：

.imgclass {
  height: 100%
  width: 100%
}

但是，如果您想在服务器上实际调整图像的大小，则必须使用AJAX并通过Javascript请求新图像，这可能会很慢，具体取决于服务器生成图像所需的时间

我建议不要使用后者，除非您预先构建一组大小并使用最接近的大小，然后在浏览器中使用CSS调整大小。

如前所述，“客户端”代码必须这样做，如HTML div、图像等-您试图操作的内容在客户端呈现。这意味着javascript。我建议使用库-以下行应该可以做到这一点：

$'theImagesId'.css{width:$'theDivsId'.height+px}；

然而，你想做的事情听起来有点奇怪？还要记住，如果div中已经加载了图像或其他内容，那么返回的高度可能会小于它应该的高度。这是因为一旦加载了DOM，javascript将执行所有实际的html代码，但不一定是其中的图像

如前所述，“客户端”代码必须做到这一点，如HTML div、图像等——您试图操作的内容在客户端呈现。这意味着javascript。我建议使用库-以下行应该可以做到这一点：

$'theImagesId'.css{width:$'theDivsId'.height+px}；

您希望在渲染div对象后设置图像大小，以填充所述div对象或类似内容，但div对象的大小是可变的。在这种情况下，不能使用height:100%，因为父对象（本例中为div对象）必须在CSS代码中定义一个确定的值。Javascript是这个问题的唯一答案

这样做：

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#theImagesId').css({"height":$(".theDivsId").height(), "width": $(".theDivsId").width()});
    });
</script> 
</head>

此外，您还需要下载从jquery引用的此文件。缩小的版本就足够了：

资料来源：

这样做：

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#theImagesId').css({"height":$(".theDivsId").height(), "width": $(".theDivsId").width()});
    });
</script> 
</head>

你还需要放下武器 d从jquery中引用的这个文件的缩小版本就足够了：

资料来源：

是否将document.getElementByIdTheDiv.offsetHeight存储到php变量？是否将document.getElementByIdTheDiv.offsetHeight存储到php变量？？