Lego2012
9/26/2016 - 9:19 PM

Image Gallery

Image Gallery

<!--
Suggestion for galleries: For my theme Feeling Responsive I use front matter of a page/post to store the filenames to the image. Than I build an include so that I can position the gallery where ever I need in my post. This is how the include looks like – The inlcude builds a grid system using Foundation 5 and its lightbox component. It's wraped in a <div> so markdown won't be applied on the code inside the container.

This include lets you easily embed a gallery into your post.
To use the gallery include you...

1. ...need 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. Define the big version in frontmatter,
gallery:
    - image_url: gallery-image.jpg
5. Give your image a caption – works without captions, too.
gallery:
    - image_url: gallery-image.jpg
       caption: Starting Page with huge One Logo
6. Add the include whereever you want in your content like this:
-->

{% include gallery %}

<!--
Check out the example page › http://phlow.github.io/feeling-responsive/design/gallery/
-->