[Resolved] Code to display custom image size and alt text

[Author]

Posts

[mattB-2]

Hi,

I know the code for displaying a custom image size from the image field and I also know the code for pulling through the alt text. I would like to combine these two so I can use a custom image size and pull through the alt text.

I'm using the code below which I found on another forum post.

add_shortcode('cs-before-images', 'cs_images_shortcode');
function cs_images_shortcode() {
global $post, $wpdb;
 
$images = get_post_meta($post->ID, 'wpcf-before_images', false);
$out = '';
foreach ($images as $image) {
$attachment_id = $wpdb->get_var($wpdb->prepare(
"SELECT ID FROM $wpdb->posts WHERE guid = %s",
$image
));
$alt = get_post_meta($attachment_id, '_wp_attachment_image_alt', true);
$out .= '<img src="' . $image . '" alt="' . $alt . '" title="' . $alt . '" />';
}
$out .= '';
return $out;
}

<?php echo do_shortcode('[cs-before-images]'); ?>

This works perfectly for the alt text but what I can't figure out is how to use this code to also display the custom image size that I have created in my functions.php file using add_image_size.

Any help would be greatly appreciated.

Matt

[Waqas Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Please consider your code as altered below:

add_shortcode('cs-before-images', 'cs_images_shortcode');
function cs_images_shortcode() {
	global $post, $wpdb;
	  
	$images = get_post_meta($post->ID, 'wpcf-before_images', false);
	$out = '';

	foreach ($images as $image) {
		$attachment_id = $wpdb->get_var($wpdb->prepare(
			"SELECT ID FROM $wpdb->posts WHERE guid = %s",
			$image
		));
		
		$alt = get_post_meta($attachment_id, '_wp_attachment_image_alt', true);
		$img = wp_get_attachment_image_src($attachment_id, "thumbnail");
		$out .= '<img src="' . $img[0] . '" alt="' . $alt . '" title="' . $alt . '" />';
	}
	
	$out .= '';
	
	return $out;
}

Please notice wp_get_attachment_image_src() which retrieves the target image with specified size. For more information, please see http://codex.wordpress.org/Function_Reference/wp_get_attachment_image_src

[mattB-2]

Hi Waqas,

Thank you so much for that code. It worked perfectly.

Thanks again, Matt