How to: Resize images on the fly

50 Responses

Apr 01 2009 10:10

A true ‘life saver’ indeed; currently implementing it on a gallery project and it works flawless…

Apr 01 2009 10:17

Thank you so much for this tip, I have been looking for something like this for a while and am going to implement this on my website too.

Don-16ar

Apr 01 2009 11:07

Nice tip. Thanks for this

thegirlinthecafe

Apr 01 2009 12:05

Mmm I am having troubles getting this to work. The images don’t seem to load, only after a forced refresh they show up. Am I the only one having this problem?

Lokale Gryfino

Apr 01 2009 13:49

Looks great but it’s almost the same ammount of code as in
?

Odzyskiwanie Danych

Apr 01 2009 15:21

Kill server

WPDONE

Apr 01 2009 16:27

There some themes that use this resizer. Thanks for sharing this “delicious” recipe.

Kel

Apr 01 2009 16:49

Side Tip: To make the image uncropped AND hold the height, set the width but make the height zero. Something like this…

&w=’465′&h=’0′&zc=0

Otherwise you need to manually input the actual height (or width) for each image. This way you can utilize the script in an automated way.

WPCult

Apr 01 2009 18:59

@Kel never new that.. I use this script all the time, might change some dynamic.

Kel

Apr 01 2009 19:12

@WPCult Yeah, I did a lot of tinkering around on earlier versions of the script – trying to validate etc and came across this “feature” – might be a bug Either way, I’d exploited it on another site and it seems fine. Time will tell if it breaks – if/when – the script gets updated.

Web Design Beach

Apr 01 2009 21:22

Awesome javascript. It saves so much time. Thanks for sharing.

Wordpress Themes

Apr 02 2009 00:03

Nice! I’m about to use TimThumb in my next wordpress theme, this’ll come in handy.

Alexis

Apr 02 2009 11:23

You can always try the “Smart Image Resizer” is like TimThumb but with more options. http://tr.im/i8sc

Free wordpress themes

Apr 02 2009 12:21

you might gave better picture of the script like what parameters are available and how to use it

/* Parameters allowed: */

// w: width
// h: height
// zc: zoom crop (0 or 1)
// q: quality (default is 75 and max is 100)

There is folder named “cache” needs to be created with CHMOD it to 777 so as the timthumb to function correctly. Make sure your host also supports GD library (which is default in most cases).

Apologize me if i am wrong.

Thanks