How to get featured image's width and use elsewhere in template?

Question

I'm wondering if it's possible in the single.php template to use the width of the post's featured image elsewhere in the page.

What I'm trying to do is add a div element on the page with the same width as the post's featured image (which will always be a different width).

If anyone has any ideas, let me know.

Thanks

Answer 1

Try the following. First, add this piece of code to the template:

<?php $image_data = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), "thumbnail" ); ?>

$image_data will now return an array containing the url, width, and height (function reference). To get the width, you might do this:

<?php $image_width = $image_data[1]; ?>

In your specific example, after adding the two pieces of code above to your template, you might do this:

<div style="width:<?php echo $image_width; ?>">

Is that helpful?