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://fancyapps.com/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-thumbs.css">
<a href="http://chart.apis.google.com/chart?chs=500x500&cht=qr&chld=|1&chl=sample_text&.jpg" rel="fancybox" class="fancybox">
    <img src="http://chart.apis.google.com/chart?chs=50x50&cht=qr&chld=|1&chl=sample_text" alt=""/>
</a>

JavaScript

$(".fancybox").fancybox( {
	openEffect: 'elastic',
	closeEffect : 'elastic',
});