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

Question 1

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

Question 2

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?

1