In the ghost blog we can add the galleries inside any post. But sometime in the theme, there might not have the lightbox plugin installed in theme. But you can add it yourself easily by using Fluidbox

Fluidbox open the images seamlessly in a lightbox on your page without interruption. Here is the short tutorial about that. Normally it works by replacing the markup, which should be as follow :

<a title="" href="/path/to/image">
<img title="" src="/path/to/image" alt="" />
</a>

into..

<div class="fluidbox__wrap" style="z-index: 990;"><img class="fluidbox__thumb" style="opacity: 1;" title="" src="/path/to/image" alt="" />
<div class="fluidbox__ghost" style="width: [w]; height: [h]; top: [t]; left: [l];"></div>
</div>

In the ghost cms there have the following markup for Gallery block.

<figure class="kg-card kg-gallery-card kg-width-wide">
<div class="kg-gallery-container">
<div class="kg-gallery-row">
<div class="kg-gallery-image">
<a href="#">
<img src="#" />
</a>
</div>
<div class="kg-gallery-image">
<a href="#">
<img src="#" />
</a>
</div>
</div>
<div class="kg-gallery-row">
<div class="kg-gallery-image">
<a href="#">
<img src="#" />
</a>
</div>
<div class="kg-gallery-image">
<a href="#">
<img src="#" />
</a>
</div>
</div>
</div>
</figure>

So if you want to integrate fluidbox there, add the following script in your theme or code injection area,

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js"></script>

Now initialize the fluidbox function in ghost. Add the following code in your code injection area.

// Make all images from gallery ready to be zoomed
$('.kg-gallery-image img').each(function(index, el) {
$( "<a href='" + $(this).attr('src') + "' class='zoom'></a>" ).insertAfter( $(this) );
$(this).appendTo($(this).next("a"));
});

// Initialize Fluidbox
$('.zoom').fluidbox();

Now it will work like a charm in your existing ghost theme. If you have any question regarding that tutorial, let us know in a comment. We have lots of ghost theme with lightbox effect in our marketplace.