Wednesday, March 14, 2012

Mobile Thumbnail Gallery

A new site I'm starting work on is a personal website with the primary purpose of showing off the owner's artwork. She didn't indicate a desire for the website to work on mobile devices, but given that mobile is what I'm focusing heavily on right now, I'm going to create and offer that functionality just in case.

The main design of the gallery page will consist of two pieces. The first is a full gallery. This will be squares, 3 across the most narrow dimension, height or width depending on orientation. The key will be making them square, which will require javascript, because despite my CSS height proposal, no changes are likely to occur in the near future.

So, javascript will be used to set the height of the square thumbnail links. What about the images though? Will all be square? Probably not. And do we want to resize ahead of time so that the images loaded are all small thumbnails? It will require extra steps beforehand, but it will pay off in page-load time. Loading the entire image and jut resizing will work, but it will load much more slowly.

Right now my squares are just black, I'm trying to find some images to use for the moment in place of the real ones we don't have yet. We'll see what happens though.
 

No comments:

Post a Comment