Eier, Tomate & Paprika

Menemen

Wanna create a responsive gallery to showcase your portfolio, recent photos or images? It's quite easy thanks to Foundation and Clearing Lightbox.

Zutaten

Eier, Tomate & Paprika Blog of G.U.L.C. Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter Platzhalter

Step 1

  1. Make two images: a thumbnail and a big image.
  2. Name the thumbnail gallery-image-thumb.jpg and…
  3. …name the big gallery-image.jpg.
  4. Place them in the images-folder.

Step 2

Define the big version in frontmatter,

gallery:
    - image_url: gallery-image.jpg

If you like captions, give each image a caption:

gallery:
    - image_url: gallery-image.jpg
       caption: Starting Page with huge One Logo

Step 3

Add the include whereever you want in your content with {% include gallery %}.

Have a look at this example-entry. And have a look into the images-folder. :)

Other Post Formats