Building panoramic galleries with Chameleon skin

Panoramics are often up to 10:1 aspect ratio, and given that most people view these on landscape orientated computer monitors, the first restriction is image height. Generally, a user doesn’t mind scrolling in one direction, so panoramics that are as high as the monitor but extremely wide can be viewed relatively easily. This therefore dictates a 1-column layout for both the Thumbnail and Images, and a careful choice of image bounds .

So, for dedicated panoramic images:

  1. Set Columns = 1
  2. Determine the Thumbnail Width required, which depends on the final screen resolution. 960 is a reasonable value for Web albums.
  3. Set Thumbnail Height = Thumbnail Width = 960
  4. Determine the Image Height required, which again depends on the final screen resolution. 540 is a reasonable value for Web albums.
  5. Set Image Width = 20000 (this will then cover all cases up to very wide panoramics).

Leave a Reply