JSFiddle - React, Tailwind, and code Playground
by ParanoidAndroid77
HTML
<a href="#" id="gallery">Gallery</a>
JavaScript
/*! Swipebox v1.2.9 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
! function (a, b, c, d) {
c.swipebox = function (e, f) {
var g, h, i = {
useCSS: !0,
useSVG: !0,
initialIndexOnArray: 0,
closeBySwipe: !0,
hideBarsOnMobile: !0,
hideBarsDelay: 3e3,
videoMaxWidth: 1140,
vimeoColor: "CCCCCC",
beforeOpen: null,
afterOpen: null,
afterClose: null
}, j = this,
k = [],
l = e.selector,
m = c(l),
n = navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(Android)|(PlayBook)|(BB10)|(BlackBerry)|(Opera Mini)|(IEMobile)|(webOS)|(MeeGo)/i),
o = null !== n || b.createTouch !== d || "ontouchstart" in a || "onmsgesturechange" in a || navigator.msMaxTouchPoints,
p = !! b.createElementNS && !! b.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGRect,
q = a.innerWidth ? a.innerWidth : c(a).width(),
r = a.innerHeight ? a.innerHeight : c(a).height(),
s = '<div id="swipebox-overlay"> <div id="swipebox-slider"></div> <div id="swipebox-caption"></div> <div id="swipebox-action"> <a id="swipebox-close"></a> <a id="swipebox-prev"></a> <a id="swipebox-next"></a> </div> </div>';
j.settings = {}, j.init = function () {
j.settings = c.extend({}, i, f), c.isArray(e) ? (k = e, g.target = c(a), g.init(j.settings.initialIndexOnArray)) : c(b).on("click", l, function (a) {
if ("slide current" === a.target.parentNode.className) return !1;
c.isArray(e) || (g.destroy(), h = c(l), g.actions()), k = [];
var b, d, f;
f || (d = "data-rel", f = c(this).attr(d)), f || (d = "rel", f = c(this).attr(d)), h = f && "" !== f && "nofollow" !== f ? m.filter("[" + d + '="' + f + '"]') : c(l), h.each(function...