Default description

Setup instructions and descriptions inside.. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, reiciendis excepturi ab sint molestias praesentium officiis nisi odit odio minus eligendi perspiciatis porro quod delectus modi esse officia nihil consequuntur? In, voluptatem, veritatis, vel, debitis cum ipsam magni iusto commodi incidunt et fuga minus voluptates velit molestias ipsum. Pariatur, eos.

Configuration tips

This is Owl Carousel with Magnific Popup used here.

Realy awesome tools! You can extend it as you like. You will find docs on the homepages of these plugins. Here we have html code for our gallery (lot of a mess :/ ...but there mustn't be any white spaces or break lines in html blocks in Ghost markdown editor (for now in 0.3.3 ver of Ghost we don't have option to write shortcodes for that)):

Sample code (one line html block)

In Ghost markdown editor it is recommended to use html block in one line.

<div class="trek-gallery"><div class="item"><a href="/content/images/2014/Jan/1.jpg" class="trek-image-popup"><img src="/content/images/2014/Jan/1.jpg" alt=""></a></div><div class="item"><a href="/content/images/2014/Jan/2.jpg" class="trek-image-popup"><img src="/content/images/2014/Jan/2.jpg" alt=""></a></div><div class="item"><a href="/content/images/2014/Jan/3.jpg" class="trek-image-popup"><img src="/content/images/2014/Jan/3.jpg" alt=""></a></div><div class="item"><a href="/content/images/2014/Jan/4-1.jpg" class="trek-image-popup"><img src="/content/images/2014/Jan/4-1.jpg" alt=""></a></div><div class="item"><a href="/content/images/2014/Jan/5-1.jpg" class="trek-image-popup"><img src="/content/images/2014/Jan/5-1.jpg" alt=""></a></div><div class="item"><a href="/content/images/2014/Jan/6-1.jpg" class="trek-image-popup"><img src="/content/images/2014/Jan/6-1.jpg" alt=""></a></div><div class="item"><a href="/content/images/2014/Jan/3.jpg" class="trek-image-popup"><img src="/content/images/2014/Jan/3.jpg" alt=""></a></div><div class="item"><a href="/content/images/2014/Jan/6-1.jpg" class="trek-image-popup"><img src="/content/images/2014/Jan/6-1.jpg" alt=""></a></div><div class="item"><a href="/content/images/2014/Jan/5-1.jpg" class="trek-image-popup"><img src="/content/images/2014/Jan/5-1.jpg" alt=""></a></div></div>