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! 🙂

Enjoy!

First, make sure you initialize jQuery by calling the following function BEFORE the “wp_head();” function:

Second, paste the following code AFTER the “wp_head()” function call:

%MINIFYHTML63cdfe34ba14c83ced8d50ea06216a6e5%

3 Comments

  1. kirk horsted on October 17, 2009 at 8:38 am

    I’m confused, but impressed! Thanks for sharin’…*kirk



  2. Toby on October 17, 2009 at 10:34 am

    @Kirk – You aren’t alone! This stuff is pretty complex. Thankfully, most of the cool code is available for copy-and-pasting. 🙂



  3. TRT on July 20, 2010 at 6:55 pm

    Thanks a lot m8, been searching for a while on how to set the max size of my images, this one worked like charm, kudos :).