Question

我目前正在开发一个基于Wordpress的新版本的网站，并且我想在不知道如何添加的情况下添加这个功能。

所以也许你可以帮助我......我希望如此！

我想在the_content上添加一个过滤器，该过滤器适用于其中的每个<img ...>。此函数将获取变量（<img src="image.jpg" **height="120" width="300**" alt="test" />，$thisWidth）中的宽度和高度属性（例如$thisHeight）。

然后我比较宽度＆amp;每个图像的高度，以确定它是否为横向或肖像格式，并添加相应的类。简单：if($width > $height) { ... } else { ... }

我不习惯与regex合作，所以这就是我需要你帮助的原因。我的技能允许我编写函数的基础，但不多了：

function imgClass($content) {

   /* for each '<img ....>' Loop ? */
   $thisWidth = /* get html width attribute */;
   $thisHeight = /* get html height attribute */;
   if($width > $height) { /* add class='landscape' */ } else { /* add class='portrait' */ }
   return $content;
}
add_filter('the_content','imgClass');

我非常感谢有能力帮助我的人... 提前谢谢！

Answer 1

这是一个很好的例子，使用javascript

    <!DOCTYPE html>
<html>
<body>

<img id="planets" src="planets.gif" width="145" height="126" usemap="#planetmap">



<p>Click the button to display the coordinates for the "planets.gif" area.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = document.getElementById("planets").width;
    var y = document.getElementById("planets").height;
}
</script>

</body>
</html>

PHP / Wordpress - 获取<img/>的宽度/高度属性

1 个答案: