Hi, I have been struggling with this one all day, and can’t for the life of me figure out why srcset is returning empty. I tried several solutions. They all return an empty srcset=”” with the sizes tag intact.
I have custom sizes registered, which all output fine.
I tried both:
function ccd_responsive_images( $image_id, $image_size, $max_width ) {
// Check if the image ID is not blank
if ( $image_id != '' ) {
// Set the default src image size
$image_src = wp_get_attachment_image_url( $image_id, $image_size );
// Set the srcset with various image sizes
$image_srcset = wp_get_attachment_image_srcset( $image_id, $image_size );
// Generate the markup for the responsive image
echo 'src="' . $image_src . '" srcset="' . $image_srcset . '" sizes="(max-width: ' . $max_width . ') 100vw, ' . $max_width . '"';
}
}
/*
* Optional: change the WordPress default maximum width of 1600px.
*/
function ccd_max_srcset_image_width() {
return 1300;
}
add_filter( 'max_srcset_image_width', 'ccd_max_srcset_image_width', 10 , 2 );
and
function awesome_acf_responsive_image($image_id,$image_size,$max_width){
// check the image ID is not blank
if($image_id != '') {
// set the default src image size
$image_src = wp_get_attachment_image_url( $image_id, $image_size );
// set the srcset with various image sizes
$image_srcset = wp_get_attachment_image_srcset( $image_id, $image_size );
// generate the markup for the responsive image
echo 'src="'.$image_src.'" srcset="'.$image_srcset.'" sizes="(max-width: '.$max_width.') 100vw, '.$max_width.'"';
}
}
in functions.php
and
<img class="img-class" <?php ccd_responsive_images( get_field( 'v_home_section_3_image' ), 'project-full', '1300px' ); ?> />
<img class="my_class" <?php awesome_acf_responsive_image(get_field( 'v_home_section_1_image' ),'project-full','1300px'); ?> alt="text" />
for either of those functions in my template.
What could be the problem here?
