Articles and Examples

PSBigPicture: a Self-Contained JQuery Lightbox-like Function

I have a customer web application where I needed to display a large number of image thumbnails that can be clicked to show a larger view of the same image. This is generally, pretty easy to do, but I was concerned about the performance. Normally, all the thumbnails and their corresponding larger images would be download to render the page which could take quite a bit of time due to the size of the large images. I decided I needed to allow all the thumbnails to download and render normally, but only download and show the large image when the user wants to actually see it. To accomplish this, I developed a simple JQuery function to display the larger view in a Lightbox-like popup dynamically.

See the full article in a PDF HERE

Click the thumbnail below to see a demo