如何将库自定义字段设置为光滑的幻灯片容器



我正在尝试将一个自定义字段库图像分配为光滑幻灯片换行上的背景图像。

foreach ($gallery_image_ids as $gallery_image_id ) {
$slides .= "<div class='slick-slide-wrap' >";
$slides .= wp_get_attachment_image( $gallery_image_id, 'large');
$slides .= "</div>";
}

我已经能够使用图像标签设置它。然而,我希望能够将其设置为上面容器上的背景图像,但当我尝试下面的代码时,它总是出错。

$test = wp_get_attachment_url( $gallery_image_id, 'large');
foreach ($gallery_image_ids as $gallery_image_id ) {
$slides .= "<div class='slick-slide-wrap' background-image: url(' .$test. ')>";
$slides .= wp_get_attachment_image( $gallery_image_id, 'large');
$slides .= "</div>";
}
您使用的函数wp_get_attachment_image返回一个HTML img元素。

您需要的是wp_get_attachment_image_url,它返回图像URL:https://developer.wordpress.org/reference/functions/wp_get_attachment_image_url/

$slides .= '<div class="slick-slide-wrap" style="background-image: url(' . wp_get_attachment_image_url( $gallery_image_id, 'large') . ');">';

最新更新