JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<script src="http://www.fancyapps.com/fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
<link rel="stylesheet" href="http://www.fancyapps.com/fancybox/source/helpers/jquery.fancybox-buttons.css">
<a class="fancybox-button" rel="fancybox-button" href="http://farm9.staticflickr.com/8349/8225268620_4e00a8f603_b.jpg"
title="First light (Jan Linskens)">
	<img src="http://farm9.staticflickr.com/8349/8225268620_4e00a8f603_m.jpg" alt="" />
</a>

<a class="fancybox-button" rel="fancybox-button" href="http://farm9.staticflickr.com/8338/8224516167_bc7a5f6699_b.jpg"
title="Westcombe Bay (MarcElliott)">
	<img src="http://farm9.staticflickr.com/8338/8224516167_bc7a5f6699_m.jpg" alt="" />
</a>

<a class="fancybox-button" rel="fancybox-button" href="http://farm9.staticflickr.com/8199/8219175940_effa3f66ca_b.jpg"
title="Sometimes the Desert is a Beautiful Thing (Brock Whittaker Photography)">
	<img src="http://farm9.staticflickr.com/8199/8219175940_effa3f66ca_m.jpg" alt="" />
</a>

<a class="fancybox-button" rel="fancybox-button" href="http://farm9.staticflickr.com/8490/8215600456_de252d155d_b.jpg"
title="Bare Trees - Winter (hammermad)">
	<img src="http://farm9.staticflickr.com/8490/8215600456_de252d155d_m.jpg" alt="" />
</a>

CSS

img {
    height: 80px;
    width: auto
}

JavaScript

$(document).ready(function () {
    $(".fancybox-button").fancybox({
        prevEffect: 'none',
        nextEffect: 'none',
        closeBtn: false,
        helpers: {
            title: {
                type: 'inside'
            },
            buttons: {}
        }
    });
});