WordPress滑动滑块+神奇弹出窗口

时间:2019-08-27 作者:GMedija

只是想知道我是否可以得到裁剪后的图像,以及裁剪后图像的原始图像。使用ACF构建一个滑块,使图像位于灯箱中!

 <div class="slide">
    <a href="<?php echo image1_full-sized-image ?>" class="mfp-image">
        <img src="<?php echo image1_cropped-image?>"/>
    </a>
</div>
我的目标是裁剪图像并在滑块中显示,但要使用灯箱中的原始图像
1 个回复
最合适的回答,由SO网友:Antti Koskinen 整理而成

是的,可以获得原始图像和较小版本的图像。使用wp_get_attachment_url($id) 获取完整的url和wp_get_attachment_image_src($id,$size) 对于较小的版本。

EDIT: 您可以从attachments post\\u meta获取原始未删减(完整)图像的名称。然后用完整url中的原始名称替换裁剪后的文件名<如果有更直接的方法,我洗耳恭听

比如像这样,

$image_id = 0; // get this from the saved ACF data
$full_image = wp_get_attachment_url( $image_id );
$thumbnail = wp_get_attachment_image_src( $image_id, \'thumbnail\' ); // or some other valid image size

// get original file name and replace cropped name with it
$backup_full = get_post_meta( $image_id, \'_wp_attachment_backup_sizes\', true );
if ( ! empty( $backup_full[\'full-orig\'][\'file\'] ) ) {
    $full_path = explode( \'/\', $full_image );
    $full_image = str_replace( end( $full_path ), $backup_full[\'full-orig\'][\'file\'], $full_image );
}

if ( $full_image && is_array( $thumbnail ) ) {
  printf(
    \'<div class="slide">
        <a href="%s" class="mfp-image">
            <img src="%s"/>
        </a>
    </div>\',
    esc_url( $full_image ),
    esc_url( $thumbnail[0] )
  );
}

相关推荐

使用index.php而不是single.php发布WP帖子

关于我的自定义主题的帖子正在使用index.php 文件而不是single.php _ 我已经看完了至少10个关于SO的问题,尽管其中许多问题都很老了\\u一些回答说,如果WP循环未在中设置single.php 那么它就不会被称为“我的单身”。php文件确实包含循环_<?php get_header(); ?> <div class=\"container fadeIn\" id=\"perimeter\"> <sectio