Photo Gallery

Xidipity Blog Post titled "Photo Gallery" Image 010

 

lesson

 

Add a Xidipity Photo Gallery to a post which displays the images with a shadow and the associated caption assigned to the category “trey-ratcliff”.

 

Design Notes

Images of this gallery will be displayed with a caption and a drop shadow. The data elements are presented as html text and accepts html formatting. The images are assigned to the “trey-ratcliff” category.

 

Template

 


GitHub Gist

general / gallery / category


Arguments

Order By

The column used to sort database results.

 

See dictionary for additional information.

 
Order

Designates the order of the ‘orderby’ argument.

 

See dictionary for additional information.

 

Class

Image hover classes. Choices include the following.

 

See dictionary for additional information.

 

Ratio

The is the aspect ratio of the image.

 

  1. custom (default)
  2. 1 x 1
  3. 4 x 3
  4. 6 x 4
  5. 7 x 5
  6. 16 x 10
  7. 16 x 9
  8. 21 x 9

 

See dictionary for additional information.

Using a custom aspect ratio is a requirement of the “shadow” image class. Using option 1-7 has the effect of trimming the shadow from the image.

 

Opt

Image data display options.

 

  1. do not display captions or descriptions (default)
  2. display captions
  3. display descriptions
  4. display captions and descriptions

 

Col

The number of columns to display.

 

  1. column
  2. column (default)
  3. column
  4. column

 

Cap

Caption options when displayed

 

  1. caption left
  2. caption center (default)
  3. caption right

 

Filter
  1. Search includes the specified categories. (default)
  2. Search excludes the specified categories.

 

Parameter

category

The media category to included as a search parameter and used as directed by the filter argument.

 

Installation

  1. Highlight  & copy template to clipboard
  2. Open sandbox editor & paste clipboard
  3. On line 9, note “order by” as “date
  4. On line 10,  note “order” as “asc” 
  5. On line 11, note “class” as “focalpoint shadow
  6. On line 12, note image aspect “ratio” as “0
  7. On line 13,  note “opt” as “1”  (display captions)
  8. On line 14,  note “col” as “2”  (columns)
  9. On line 15, note “cap” as  “1(align center)
  10. On line 16, note “filter” as “0(include categories)
  11. On line 17,  note “category” as “trey-ratcliff
  12. On line 21,  update arguments from lines 9 – 17
  13. Highlight updated template & copy to clipboard
  14. Place cursor where video will be embedded
  15. Click the embed ( save_alt ) button
  16. Paste the updated clipboard content into the text box
  17. Click the “OK” button

 

demonstration

 

Editor View


Gallery by Category

Template Options

  • orderby = ‘date’
  • order = ‘asc’
  • class = ‘focalpoint shadow’
  • ratio = 0
  • opt = 1
  • col = 2
  • cap = 1
  • filter = 0

Category(s)

  • trey-ratcliff


 

Web View


Gallery by Category

Template Options

  • orderby = ‘date’
  • order = ‘asc’
  • class = ‘focalpoint shadow’
  • ratio = 0
  • opt = 1
  • col = 2
  • cap = 1
  • filter = 0

Category(s)

  • trey-ratcliff

People Of New Guinea
Burning Man
Journey Into The Ritz-Carlton
Old Farmhouses in Shirakawago
Cinque Terre
Day Of The Dead