Wordpress获取\发布\延迟加载的元图像宽度

Question

我试图懒惰加载Wordpress中的图像页面-我尝试了插件，但它们似乎都不工作（我只想懒惰加载一些页面上的图像）。

所以我现在尝试用一个插件-http://www.appelsiini.net/projects/lazyload

此插件需要img标记中的图像宽度和高度。

    <img data-original=“img/example.jpg” src=“img/grey.gif” width=“640” height=“480”>

我正在附加自定义字段的图像，比如

    <img src="<?php echo get_post_meta($post->ID, 'img1', true); ?>">

是否可以从get_post_meta获取图像的宽度和高度

我看过wp_get_attachment_image_src，但看不到如何使用它get_post_meta

======

使现代化

======

    <?php
        $attachments = get_children( 
        array(
                    'post_parent' => $post->ID, 
            'post_status' => 'inherit', 
            'post_type' => 'attachment', 
            'post_mime_type' => 'image', 
            'order' => ASC, 
            'orderby' => 'menu_order ID'
            )
        );

    ?>

    <?php
        foreach ( $attachments as $attachment_id => $attachment ) {

            $image_attributes = wp_get_attachment_image_src( $attachment );

    ?>      
            <img src="<?php echo $image_attributes[0];?>" width="<?php echo $image_attributes[1];?>" height="<?php echo $image_attributes[2];?>">

    <?php       

        }
    ?>

Answer 1

最好使用Wordpress媒体库支持。您可以通过以下方式将所有图像附加到帖子：

<?php $attachments = get_children( 
    array('post_parent' => $id, 
        'post_status' => 'inherit', 
        'post_type' => 'attachment', 
        'post_mime_type' => 'image', 
        'order' => ASC, 
        'orderby' => 
        'menu_order ID') ); ?>

其中，$id是当前的帖子id。然后使用附加图像的id，您只需使用：

<?php foreach ( $attachments as $attachment_id => $attachment ) {
    (...)
}?>

迭代通过图像ID

<?php wp_get_attachment_image_src($attachment_id, $size, $icon);>

它被描述为：http://codex.wordpress.org/Function_Reference/wp_get_attachment_image_src，它允许你不仅得到图像的url，而且它的宽度和高度。

为了便于使用，整个代码可以包装在一个短代码函数中；）。