如果图像宽度大于高度

时间:2015-04-10 作者:Emir Dupovac

我正在用bootstrap创建新主题,并且在设置内容方面没有什么困难。首先,内容设置如下:

<div class="row">
    <div class="col-sm-12">
        <?php the_content(); ?>
    </div>
</div>
问题是我需要两列布局,宽度>高度的图像是col-sm-12100%, 还有那些是宽度<;高度为col-sm-6 那就是50%. 如何添加以下函数:

if ($w > $h) {
    $class = "col-sm-12";
} else {
    $class = "col-sm-6";
}
此外,通过添加这些类,我必须嵌套列,这样所有图像都应该包装在.row 部门。

有什么建议吗?

Edit

图片来自内容编辑器,在帖子中,上面的解决方案可行,但它给了我已经设置好的值,如large=1024x1024, 我想要自然大小的图像。如果我的形象是1920x1080 返回这些值。

1 个回复
SO网友:spnzr

使用wp_get_attachment_metadata().

使用您的示例:

$img_data = wp_get_attachment_metadata( $attachment_id );
$w = $img_data[\'width\'];
$h = $img_data[\'height\'];

if ($w > $h) {
    $class = "col-sm-12";
} else {
    $class = "col-sm-6";
}
不过,要获取附件ID,您必须在每个图像上放置一个过滤器,或者创建一个使用特色图像的循环。

结束

相关推荐

定义`GET_POST_QUALUALY_Images`的大小,它们似乎已调整为150x150

我正在使用get_post_gallery_images 它可以输出150x150的图像。它看起来不需要大小参数,所以我假设它只会显示最大的图像,或者最好是我定义的一个大小。150x150太小了,有没有地方可以声明我想要多大尺寸的画廊图片?例如,我正在做:<?php $gallery = get_post_gallery_images( $post ); foreach ($gallery as $img) { ?> <li><img src