Tonight, I was struggling trying to make an image resize dynamically on one of my WordPress sites based on a maximum image width. I thought I would try out some script with jQuery, since WordPress includes it in the core code. Below you will find the code that I used to make it happen, which is based on this article.
Note: This will conflict with the Featured Content Gallery plugin (and probably others, too!). Please let me know if you figure out how to get it working with that plugin! 🙂
First, make sure you initialize jQuery by calling the following function BEFORE the “wp_head();” function:
<?php wp_enqueue_script("jquery"); ?>
Second, paste the following code AFTER the “wp_head()” function call: