imageviewer_terrydr
Version:
A simple jQuery image viewing plugin.
58 lines (51 loc) • 1.99 kB
JavaScript
var $window = $(window);
var $document = $(document);
// Constants
var NAMESPACE = 'viewer';
var ELEMENT_VIEWER = document.createElement(NAMESPACE);
// Classes
var CLASS_FIXED = 'viewer-fixed';
var CLASS_OPEN = 'viewer-open';
var CLASS_SHOW = 'viewer-show';
var CLASS_HIDE = 'viewer-hide';
var CLASS_HIDE_XS_DOWN = 'viewer-hide-xs-down';
var CLASS_HIDE_SM_DOWN = 'viewer-hide-sm-down';
var CLASS_HIDE_MD_DOWN = 'viewer-hide-md-down';
var CLASS_FADE = 'viewer-fade';
var CLASS_IN = 'viewer-in';
var CLASS_MOVE = 'viewer-move';
var CLASS_ACTIVE = 'viewer-active';
var CLASS_INVISIBLE = 'viewer-invisible';
var CLASS_TRANSITION = 'viewer-transition';
var CLASS_FULLSCREEN = 'viewer-fullscreen';
var CLASS_FULLSCREEN_EXIT = 'viewer-fullscreen-exit';
var CLASS_CLOSE = 'viewer-close';
// Selectors
var SELECTOR_IMG = 'img';
// Events
var EVENT_MOUSEDOWN = 'mousedown touchstart pointerdown MSPointerDown';
var EVENT_MOUSEMOVE = 'mousemove touchmove pointermove MSPointerMove';
var EVENT_MOUSEUP = 'mouseup touchend touchcancel pointerup pointercancel MSPointerUp MSPointerCancel';
var EVENT_WHEEL = 'wheel mousewheel DOMMouseScroll';
var EVENT_TRANSITIONEND = 'transitionend';
var EVENT_LOAD = 'load.' + NAMESPACE;
var EVENT_KEYDOWN = 'keydown.' + NAMESPACE;
var EVENT_CLICK = 'click.' + NAMESPACE;
var EVENT_RESIZE = 'resize.' + NAMESPACE;
var EVENT_BUILD = 'build.' + NAMESPACE;
var EVENT_BUILT = 'built.' + NAMESPACE;
var EVENT_SHOW = 'show.' + NAMESPACE;
var EVENT_SHOWN = 'shown.' + NAMESPACE;
var EVENT_HIDE = 'hide.' + NAMESPACE;
var EVENT_HIDDEN = 'hidden.' + NAMESPACE;
var EVENT_VIEW = 'view.' + NAMESPACE;
var EVENT_VIEWED = 'viewed.' + NAMESPACE;
// Supports
var SUPPORT_TRANSITION = typeof ELEMENT_VIEWER.style.transition !== 'undefined';
// Others
var round = Math.round;
var sqrt = Math.sqrt;
var abs = Math.abs;
var min = Math.min;
var max = Math.max;
var num = Number;