JSFiddle - React, Tailwind, and code Playground

by warrenkc

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://redopop.com/loupe/jquery.loupe.min.js"></script>
<p>Fancybox linked image</p>
<a id="single" href="http://farm4.staticflickr.com/3712/9032543579_1217e6566b_b.jpg">
	<img id="single-image" src="http://farm4.staticflickr.com/3712/9032543579_1217e6566b_m.jpg" />
</a>
<br /><br /><br />
<p>Simple image with loupe magnifier</p>
<img id="demo-2" src="http://farm3.static.flickr.com/2479/3549662506_4374920e94.jpg" width="191" height="240" />

JavaScript

$(document).ready(function () {
    $("#single").fancybox();
    $("#demo-2").loupe();
});