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="https://raw.github.com/Fab1en/fancyBox/master/source/helpers/fancybox_buttons.png"></script>
<script src="https://raw.github.com/Fab1en/fancyBox/master/source/helpers/fancybox_zoom.png"></script>
<link rel="stylesheet" href="https://raw.github.com/Fab1en/fancyBox/master/source/helpers/jquery.fancybox-buttons.css">
<script src="https://raw.github.com/Fab1en/fancyBox/master/source/helpers/jquery.fancybox-buttons.js"></script>
<script src="https://raw.github.com/Fab1en/fancyBox/master/source/helpers/jquery.fancybox-hideimg.js"></script>
<link rel="stylesheet" href="https://raw.github.com/Fab1en/fancyBox/master/source/helpers/jquery.fancybox-zoom.css">
<script src="https://raw.github.com/Fab1en/fancyBox/master/source/helpers/jquery.fancybox-zoom.js"></script>
<script src="https://raw.github.com/Fab1en/fancyBox/master/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script src="https://raw.github.com/Fab1en/fancyBox/master/lib/jquery-1.7.2.min.js"></script>
<script src="https://raw.github.com/Fab1en/fancyBox/master/lib/jquery-ui-core-widget-mouse-draggable.min.js"></script>
<a class="fancybox" href="http://farm8.staticflickr.com/7171/6417719753_374653e28c_b.jpg"><img src="http://farm8.staticflickr.com/7171/6417719753_374653e28c_m.jpg" alt=""/></a>

JavaScript

$(".fancybox")
    .fancybox({
        arrows : false,

                helpers : {
                    zoom : {
                        maxZoom: 5
                    }
                }
            });
        }
    });