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

我目前正在研究一个基于Wordpress的新版本的网站，并且有一个函数我想在不知道如何添加的情况下添加。PHP/Wordpress - 获取宽度/高度属性<img>

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

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

然后，我会比较宽度&每个图像的高度，以了解它是一个风景或portait格式，并添加相应的类。简单：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');

，我会很感激任何人能够帮助我...... 提前感谢！

来源

2014-05-15 user3240470

这可能是你http://stackoverflow.com/questions/20861875/need-to-get-all-img-from-the-有帮助内容在wordpress – Mindeater

一个侧面说明 - 当你在主题的'functions.php'文件中定义你自己的函数（或者如果你开发一个插件），*总是*给它一个唯一的名称，并将函数包装在'if ！function_exists（'your_function_name'））'为了避免函数名与其他插件/ Wordpress冲突。 – bodi0

非常感谢您的帮助！ Mindreater>是！在发布我的问题之前，我没有找到它。但我不明白如何在比较后向类别添加类。而不需要为每个图像做一个循环？该函数作为一个循环应用于每个图像，一个接一个？ Bodi0>不知道，避免内部冲突非常有帮助！ – user3240470

这里是一个很好的例子，使用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>

来源

2014-05-15 07:48:41 user3629249

谢谢，但我想避免使用JavaScript。 – user3240470

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

回答

相关问题