Currently working on a project that required me to create an image upload and processing factory. Basically, it allows you to upload media (photos and video) and then processes media, encodes video, resize images etc.

The problem: After uploading a batch of images, the user is brought to a page where they may name each photo they just uploaded and add descriptions. However, since we allow them to upload many photos at once, the images are not available right away. So they will see a default placeholder image until the new one  is availble. When the new image is loaded, we use javascript to change the image on the page, without reloading.

The solution: a little javascript, a little jQuery.
More >