JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.5">
<div><a class="fancybox" href="https://cdn.tutsplus.com/net/uploads/legacy/958_placeholders/placehold.gif"><img src="https://cdn.tutsplus.com/net/uploads/legacy/958_placeholders/placehold.gif" width="250" height="251" /></a></div>

CSS

.fancybox-image {
    border : 1px solid black;
}

JavaScript

$(document).ready(function() {
    $(".fancybox").fancybox();
 });