WordPress函数:wp_get_attachment_image_srcset 响应式图片

江河/ 2023年09月24日/ WordPress/ 浏览 511

函数原型:


wp_get_attachment_image_srcset( int $attachment_id, string|int[] $size = 'medium', array $image_meta = null ): string|false


查询图像附件的“srcset”属性的值。


参数说明:


$attachment_id,附件ID


$size,图像大小。接受任何注册的图像大小名称,或以像素为单位的宽度和高度值的数组(按顺序)。默认:medium。


函数源码:


function wp_get_attachment_image_srcset( $attachment_id, $size = 'medium', $image_meta = null ) {
	$image = wp_get_attachment_image_src( $attachment_id, $size );

	if ( ! $image ) {
		return false;
	}

	if ( ! is_array( $image_meta ) ) {
		$image_meta = wp_get_attachment_metadata( $attachment_id );
	}

	$image_src  = $image[0];
	$size_array = array(
		absint( $image[1] ),
		absint( $image[2] ),
	);

	return wp_calculate_image_srcset( $size_array, $image_src, $image_meta, $attachment_id );
}


使用举例:


<?php
// Specifying width of 400 (px) and height of 200 (px).
$srcset = wp_get_attachment_image_srcset( get_custom_header()->attachment_id, array( 400, 200 ) );
?>
<img src="<?php header_image(); ?>" srcset="<?php echo esc_attr( $srcset ); ?>">


关于响应式图片属性 srcset 的使用方式可参考:《img srcset sizes 响应式图片设置》


发表评论

暂无评论,抢个沙发...

客服 工单