Introduction
Sometimes you are in need to have generated thumbnails on-the-fly. Not like one hundred single files named image_thumb.jpg. By today it exists many methods to perform this. The most used methods to do this is in PHP or any other scripting language like ASP.
jQuery
To this date I haven’t found any good method to make thumbnails in jQuery. On the web I have found a plugin that “simulates” a thumbnail. The plugin is named jQuery Thumbs and functions as dynamic wrapper of the images. The fullsize images are wrapped with CSS-code that crops the images and centers them in the thumbnail. In other words; Lets say you have a 640×480 (px) image, and you want it thumbnailed down to 125×125 (px). jQuery Thumbs then crop the image and you are left with a 125×125 (px) image that is the center of the original image. This is sort of a fake thumbnail since you may not end up with a good results, because it depends on having your original image centered.
This is how jQuery Thumbs works (Taken from jQuery Thumbs webpage)
I’m currently working on a plugin for jQuery that is combined with PHP. It will let you generate thumbnails on-the-fly from a unsorted list of images.
