User Tools

Site Tools


ce3_standard

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

ce3_standard [2012/12/19 13:37] (current)
admin created
Line 1: Line 1:
 +====== CE3 Standard Layout ======
  
 +An evolution of The Turning Gate's traditional thumbnail gallery, CE3 Standard organized thumbnails into a responsive grid and supports all of the accessory options such as Google Maps integration, hi-res image download, exif and metadata display, color labels, e-commerce features and more.
 +
 +The maximum number of columns is a function of cell width vs. container width. On smaller displays, images will reflow into fewer columns as necessary. In the image below, thumbnail cells are 210-pixels wide with 4-pixel margins on either side, so the total occupied width of each cell is 218-pixels. In my 1140-pixel container, I can nicely accommodate 5 columns (218 * 5 = 1090) with a bit of room to spare:
 +
 +{{:wiki:ce3-standard-layout.jpg?nolink|}}
 +
 +Narrow the available space, and the gallery reflows to four columns:
 +
 +{{:wiki:ce3-standard-narrow.jpg?nolink|}}
ce3_standard.txt ยท Last modified: 2012/12/19 13:37 by admin