JSFiddle - React, Tailwind, and code Playground
by luka kupunia
JavaScript
// Circlr © 2014-2015 Andrey Polischuk github.com/andrepolischuk/circlr
! function() {
"use strict";
function b(b) {
function p(a, b, c) {
a.addEventListener ? a.addEventListener(b, c, !1) : a.attachEvent("on" + b, function() {
c.call(a, window.event)
})
}
function q(a) {
a.preventDefault ? a.preventDefault() : a.returnValue = !1
}
function r(a) {
c = !1, q(a), a = "touchstart" === a.type ? a.changedTouches[0] : a, i = !0, b.vertical ? m.Y = a.clientY - d.offsetTop : m.X = a.clientX - d.offsetLeft
}
function s(a) {
return 0 > a ? a = b.cycle ? a + f : 0 : a > f - 1 && (a = b.cycle ? a - f : f - 1), a
}
function t(a) {
if (i) {
q(a), a = "touchmove" === a.type ? a.changedTouches[0] : a;
var c = b.vertical ? a.clientY - d.offsetTop - m.Y : a.clientX - d.offsetLeft - m.X;
c = b.reverse ? -c : c;
var e = h / f,
g = l;
c = Math.floor(c / e), c !== l && (l = s(m.frame + c), g !== l && (d.getElementsByTagName("img")[g].style.display = "none", d.getElementsByTagName("img")[l].style.display = "block", "function" == typeof n.change && n.change(l, f)))
}
}
function u(a) {
q(a), i = !1, m.frame = l
}
function v(a) {
c = !1, q(a);
var e = a.deltaY || a.detail || -a.wheelDelta;
e /= Math.abs(e), e = b.reverse ? -e : e, l = s(l + e), d.getElementsByTagName("img")[m.frame].style.display = "none", d.getElementsByTagName("img")[l].style.display = "block", m.frame = l, "function" == typeof n.change && n.change(l, f)
}
function w() {
if (e && (e.style.display = "none"), 0 === k.length) {
var a = s(b.start);
if (d.getElementsByTagName("img")[a].style.display =...