Javascript Image Thumbnail Make Easy : jQuery NailThumb

Making sure images of different sizes and orientations fitting and displaying nicely in the website layout's image "box" is an headache. But after seeing this jquery plugin, the headache should be gone. The plugin will help you to reside all the image into a thumbnail according to your setting. What is good about is that apart from setting a standard thumbnail size when initializing the plugin, you could config the setting of each image by putting code in the image's inline css style. So I could dynamically load the image's html structure into the page with the thumbnail setting in it and then trigger the jquery plugin and it will do the job for me. On top of it, it also support image place holder, meaning that if you have a large image, you can have a default image being display while loading the large image, and when the loading is done, it will apply your thumbnail setting and display the image for you.

At first, I was thinking the plugin will really "resize" the image for me, but it turns out it just apply CSS rule to "scale" the image.

link: jQuery NailThumb