I've never seen a nice comp viewing engine that would load all comp images and thumbnails into a nice, clean layout that a client can easily scroll through. Back in my freelancing days, I always had a hard time deciding how to show a client a new site design that I had gotten one of the designers I worked with to prepare for them. I usually settled on emailing them the comps, but was inevitably frustrated having to answer questions like, "How do I open a JPG on my computer?" or God forbid, "What's a ZIP file and how do I open that?"
Well, at the company that I'm currently working for, BWM Media, we found the same issue annoying. So, we did something about it! We created a nice comp viewing engine that is not only visually appealing, but also dynamically loads all images and thumbnails into the viewer via a cute, little ajax call. What's nice about this feature is, you can give it to a designer and they don't have to waste time adding the comp images and thumbnails into the HTML. They just drop their images into the specified directory and they're ready to go! Bring on the clients!
Click here to demo the Comp Viewer.
- Clean, versatile comp viewing engine
- Ajax image loader grabs images without the need to edit any HTML
- Descriptions.txt file holds image descriptions for dynamic information about each comp
Download the files here: http://lukeblackamore.com/projects/comp-viewer/comp-viewer.zip
Unzip the files and throw them on your server. All that's necessary to do after that is drop your images into the images/comps/ folder and your thumbnails into the images/comps/thumbs/ folder. I suggest naming your images 1.jpg-X.jpg so that the image loader will order them the way you're expecting.
Important: Remember to use the same name for your images and thumbnails so the loader knows which thumbnail goes with which image.
If you would like a dynamic description loaded with each image, open the descriptions.txt file and add your descriptions. The format is as follows:
I hope you will find this comp viewing engine useful! It's free for you to use and distribute.
If you have comments, questions, suggestions or bugs, don't hesitate to post below!