Php 在输出图像之前，将wp_get_attachment_图像与jQuery组合以添加类？

我使用wp_get_attachment_image获取图像，然后使用jQuery检查添加相应的类是纵向还是横向。。。这种方法有效，但效果不好，有时在某些图像上不起作用

是否有一种方法可以在调用图像之后但在输出图像之前添加类

我正在使用此代码获取图像：

<?php $args = array(
'post_type' => 'attachment',
'post_mime_type' => 'image',
'posts_per_page' => -1,
'orderby'=> 'menu_order',
'order'=>'ASC', 
'post_parent' => $post->ID,
);
$images = get_posts( $args );
foreach($images as $image):
echo wp_get_attachment_image($image->ID, 'large');
endforeach;
?>

下面是添加类的代码：

<script>
jQuery(document).ready(function($){
$('#journal img').each(function(){
$(this).addClass(this.width > this.height ? 'landscape' :  'portrait');
});
});
</script>

jQuery（文档）.ready（函数（$）{
$（“#日志img”）。每个（函数（）{
$（this.addClass（this.width>this.height？'scape'：'grait'）；
});
});

---

我还尝试在echo wp_get_attachment_image（$image->ID，'large'）之前回显脚本；但这似乎没有什么区别。有什么建议吗？

您可能会首先生成HTML代码，每个涉及的图像都有类（或直接

样式

），用于

显示：无

然后将JS部件更改为仅在设置所需类时显示图像：

$(this).addClass(this.width > this.height ? 'landscape' :  'portrait').show();

谢谢，这是一个很好的解决方案，我现在正在做的事情，但是我不喜欢图片下面的文字以这种方式出现。。。我想我可以运行一个脚本来加载图像后的文本，但是我想如果一开始用类加载图像很容易，那可能是最干净的solution@JackCash否则，您可能会为每对图像/文本使用容器，并应用
display:none
然后
show（）
复制到该容器，而不是图像本身。