"), "canvas" === r.renderer) ) { var o = e("

")[0]; o.getContext && o.getContext("2d") ? ((r.canvas = e(o)), (r.context = o.getContext("2d")), n.append(r.canvas), n.addClass("with-canvas")) : (r.renderer = "image"); } (r.target = n), (r.stage = n.find(".spritespin-stage")), n.data(l, r); } "string" == typeof r.source && (r.source = [r.source]), r.mods && (delete r.behavior, delete r.module), (r.behavior || r.module) && ((r.mods = []), r.behavior && r.mods.push(r.behavior), r.module && r.mods.push(r.module), delete r.behavior, delete r.module), g.boot(r); }), (g.destroy = function(e) { e && (g.stopAnimation(e), s(e.target), e.target.removeData(l)); }), (g.registerModule = function(t, n) { return ( g.mods[t] && e.error("Module name is already taken: " + t), (n = n || {}), (g.mods[t] = n), n ); }), (g.Api = function(e) { this.data = e; }), (g.extendApi = function(t) { var n, r = g.Api.prototype; for (n in t) t.hasOwnProperty(n) && (r[n] ? e.error("API method is already defined: " + n) : (r[n] = t[n])); return r; }), (e.fn.spritespin = function(t, n) { if ("data" === t) return this.data(l); if ("api" === t) { var r = this.data(l); return (r.api = r.api || new g.Api(r)), r.api; } if ("destroy" === t) return e(this).each(function() { g.destroy(e(this).data(l)); }); if (2 === arguments.length && "string" == typeof t) { var o = {}; (o[t] = n), (t = o); } return "object" == typeof t ? ((t.target = t.target || e(this)), g.create(t), t.target) : e.error("Invalid call to spritespin"); }); })(window.jQuery || window.Zepto || window.$), (function() { "use strict"; var e = window.SpriteSpin; e.extendApi({ isPlaying: function() { return null !== this.data.animation; }, isLooping: function() { return this.data.loop; }, toggleAnimation: function() { (this.data.animate = !this.data.animate), e.setAnimation(this.data); }, stopAnimation: function() { (this.data.animate = !1), e.setAnimation(this.data); }, startAnimation: function() { (this.data.animate = !0), e.setAnimation(this.data); }, loop: function(t) { return (this.data.loop = t), e.setAnimation(this.data), this; }, currentFrame: function() { return this.data.frame; }, updateFrame: function(t) { return e.updateFrame(this.data, t), this; }, skipFrames: function(t) { var n = this.data; return e.updateFrame(n, n.frame + (n.reverse ? -t : +t)), this; }, nextFrame: function() { return this.skipFrames(1); }, prevFrame: function() { return this.skipFrames(-1); }, playTo: function(t, n) { var r = this.data; if (((n = n || {}), n.force || r.frame !== t)) { if (n.nearest) { var o = t - r.frame, i = t > r.frame ? o - r.frames : o + r.frames, a = Math.abs(o) < Math.abs(i) ? o : i; r.reverse = 0 > a; } return ( (r.animate = !0), (r.loop = !1), (r.stopFrame = t), e.setAnimation(r), this ); } } }); })(window.jQuery || window.Zepto || window.$), (function(e) { "use strict"; function t(e) { (e = e || document.documentElement), e[d.requestFullscreen](); } function n() { return document[d.exitFullscreen](); } function r() { return document[d.fullscreenEnabled]; } function o() { return document[d.fullscreenElement]; } function i() { return !!o(); } function a() { e(document).unbind(c); } function s(t) { a(), e(document).bind(c, t); } var d = (function() { for ( var e, t, n = [ [ "requestFullscreen", "exitFullscreen", "fullscreenElement", "fullscreenEnabled", "fullscreenchange", "fullscreenerror" ], [ "webkitRequestFullscreen", "webkitExitFullscreen", "webkitFullscreenElement", "webkitFullscreenEnabled", "webkitfullscreenchange", "webkitfullscreenerror" ], [ "webkitRequestFullScreen", "webkitCancelFullScreen", "webkitCurrentFullScreenElement", "webkitCancelFullScreen", "webkitfullscreenchange", "webkitfullscreenerror" ], [ "mozRequestFullScreen", "mozCancelFullScreen", "mozFullScreenElement", "mozFullScreenEnabled", "mozfullscreenchange", "mozfullscreenerror" ], [ "msRequestFullscreen", "msExitFullscreen", "msFullscreenElement", "msFullscreenEnabled", "MSFullscreenChange", "MSFullscreenError" ] ], r = 0, o = n.length, i = {}; o > r; r++ ) if (((e = n[r]), e && e[1] in document)) { for (r = 0, t = e.length; t > r; r++) i[n[0][r]] = e[r]; return i; } return !1; })(), u = window.SpriteSpin, c = d.fullscreenchange + "." + u.namespace; u.extendApi({ fullscreenEnabled: r, fullscreenElement: o, exitFullscreen: n, toggleFullscreen: function(e) { i() ? this.requestFullscreen(e) : this.exitFullscreen(); }, requestFullscreen: function(e) { e = e || {}; var n = this, r = n.data, o = r.width, d = r.height, c = r.source; s(function() { i() ? ((r.width = window.screen.width), (r.height = window.screen.height), (r.source = e.source || c), u.boot(r)) : (a(), (r.width = o), (r.height = d), (r.source = c), u.boot(r)); }), t(r.target[0]); } }); })(window.jQuery || window.Zepto || window.$), (function(e, t) { "use strict"; function n(n) { var r = e(this), o = r.data("spritespin"); t.updateInput(n, o); var i, a; "horizontal" === o.orientation ? ((i = o.target.innerWidth() / 2), (a = o.currentX - o.target.offset().left)) : ((i = o.target.innerHeight() / 2), (a = o.currentY - o.target.offset().top)), r.spritespin(a > i ? "next" : "prev"); } t.registerModule("click", { mouseup: n, touchend: n }); })(window.jQuery || window.Zepto || window.$, window.SpriteSpin), (function(e, t) { "use strict"; function n(n) { var r = e(this).spritespin("data"); r.loading || r.dragging || !r.stage.is(":visible") || ((r.dragFrame = r.frame || 0), (r.dragLane = r.lane || 0), t.updateInput(n, r), (r.dragging = !0)); } function r() { var n = e(this), r = n.spritespin("data"); (r.dragging = !1), r.stage.is(":visible") && t.resetInput(r); } function o(n) { var r, o, i = e(this), a = i.spritespin("data"); if (a.dragging) { if ( (t.updateInput(n, a), Math.abs(a.ddX) + Math.abs(a.ddY) > a.scrollThreshold) ) return (a.dragging = !1), void t.resetInput(a); n.preventDefault(); var s = 0; s = "number" == typeof a.orientation ? ((Number(a.orientation) || 0) * Math.PI) / 180 : "horizontal" === a.orientation ? 0 : Math.PI / 2; var d = Math.sin(s), u = Math.cos(s), c = (a.nddX * u - a.nddY * d) * a.sense || 0, l = (a.nddX * d + a.nddY * u) * (a.senseLane || a.sense) || 0; (a.dragFrame += a.frames * c), (a.dragLane += a.lanes * l), a.wrap || ((a.dragFrame = Math.min(a.dragFrame, a.frames)), (a.dragFrame = Math.max(a.dragFrame, 0))), a.wrapLane || ((a.dragLane = Math.min(a.dragLane, a.lanes)), (a.dragLane = Math.max(a.dragLane, 0))), (o = Math.floor(a.dragFrame)), (r = Math.floor(a.dragLane)), t.updateFrame(a, o, r), t.stopAnimation(a); } } t.registerModule("drag", { mousedown: n, mousemove: o, mouseup: r, mouseleave: r, touchstart: n, touchmove: o, touchend: r, touchcancel: r }), t.registerModule("move", { mousemove: function(e) { n.call(this, e), o.call(this, e); }, mouseleave: r, touchstart: n, touchmove: o, touchend: r, touchcancel: r }); })(window.jQuery || window.Zepto || window.$, window.SpriteSpin), (function(e, t) { "use strict"; function n(n) { var r = e(this), o = r.spritespin("data"); o.loading || (t.updateInput(n, o), (o.dragging = !0), r.spritespin("api").startAnimation()); } function r() { var n = e(this), r = n.spritespin("data"); t.resetInput(r), (r.dragging = !1), n.spritespin("api").stopAnimation(); } function o(n) { var r = e(this), o = r.spritespin("data"); if (o.dragging) { t.updateInput(n, o); var i, a; "horizontal" === o.orientation ? ((i = o.target.innerWidth() / 2), (a = (o.currentX - o.target.offset().left - i) / i)) : ((i = o.height / 2), (a = (o.currentY - o.target.offset().top - i) / i)), (o.reverse = 0 > a), (a = 0 > a ? -a : a), (o.frameTime = 80 * (1 - a) + 20), (("horizontal" === o.orientation && o.dX < o.dY) || ("vertical" === o.orientation && o.dX < o.dY)) && n.preventDefault(); } } t.registerModule("hold", { mousedown: n, mousemove: o, mouseup: r, mouseleave: r, touchstart: n, touchmove: o, touchend: r, touchcancel: r, onFrame: function() { e(this) .spritespin("api") .startAnimation(); } }); })(window.jQuery || window.Zepto || window.$, window.SpriteSpin), (function(e, t) { "use strict"; function n(n) { var r = e(this).spritespin("data"); r.loading || (t.updateInput(n, r), (r.dragging = !0)); } function r() { var n = e(this).spritespin("data"); (n.dragging = !1), t.resetInput(n); } function o(n) { var r = e(this), o = r.spritespin("data"); if (o.dragging) { t.updateInput(n, o); var i, a, s = o.frame, d = o.snap || 0.25; "horizontal" === o.orientation ? ((i = o.dX), (a = o.target.innerWidth() * d)) : ((i = o.dY), (a = o.target.innerHeight() * d)), i > a ? ((s = o.frame - 1), (o.dragging = !1)) : -a > i && ((s = o.frame + 1), (o.dragging = !1)), r.spritespin("update", s), r.spritespin("animate", !1), (("horizontal" === o.orientation && o.dX < o.dY) || ("vertical" === o.orientation && o.dX < o.dY)) && n.preventDefault(); } } t.registerModule("swipe", { mousedown: n, mousemove: o, mouseup: r, mouseleave: r, touchstart: n, touchmove: o, touchend: r, touchcancel: r }); })(window.jQuery || window.Zepto || window.$, window.SpriteSpin), (function(e, t) { "use strict"; function n(t) { var n = t.lane * t.frames + t.frame, r = t.frameWidth * (n % t.framesX), i = t.frameHeight * o(n / t.framesX); return "canvas" === t.renderer ? (t.context.clearRect(0, 0, t.width, t.height), void t.context.drawImage( t.images[0], r, i, t.frameWidth, t.frameHeight, 0, 0, t.width, t.height )) : ((r = -o(r * t.scaleWidth)), (i = -o(i * t.scaleHeight)), void ("background" === t.renderer ? t.stage.css({ "background-image": [ "url('", t.source[0], "')" ].join(""), "background-position": [r, "px ", i, "px"].join("") }) : e(t.images).css({ top: i, left: r }))); } function r(t) { var n = t.lane * t.frames + t.frame, r = t.images[n]; "canvas" === t.renderer ? r && r.complete !== !1 && (t.context.clearRect(0, 0, t.width, t.height), t.context.drawImage(r, 0, 0, t.width, t.height)) : "background" === t.renderer ? t.stage.css({ "background-image": ["url('", t.source[n], "')"].join(""), "background-position": [0, "px ", 0, "px"].join("") }) : (e(t.images).hide(), e(t.images[n]).show()); } var o = Math.floor; t.registerModule("360", { onLoad: function(t, n) { var r, i; if ( ((n.scaleWidth = n.width / n.frameWidth), (n.scaleHeight = n.height / n.frameHeight), (n.sourceIsSprite = 1 === n.images.length), n.stage .empty() .css({ "background-image": "none" }) .show(), "canvas" === n.renderer) ) n.context.clearRect(0, 0, n.width, n.height), n.canvas.show(); else if ("background" === n.renderer) { n.sourceIsSprite ? ((r = o(n.sourceWidth * n.scaleWidth)), (i = o(n.sourceHeight * n.scaleHeight))) : ((r = o(n.frameWidth * n.scaleWidth)), (i = o(n.frameHeight * n.scaleHeight))); var a = [r, "px ", i, "px"].join(""); n.stage.css({ "background-repeat": "no-repeat", "-webkit-background-size": a, "-moz-background-size": a, "-o-background-size": a, "background-size": a }); } else "image" === n.renderer && (n.sourceIsSprite ? ((r = o(n.sourceWidth * n.scaleWidth)), (i = o(n.sourceHeight * n.scaleHeight))) : (r = i = "100%"), e(n.images) .appendTo(n.stage) .css({ width: r, height: i, position: "absolute" })); }, onDraw: function(e, t) { t.sourceIsSprite ? n(t) : r(t); } }); })(window.jQuery || window.Zepto || window.$, window.SpriteSpin), (function(e) { "use strict"; var t = (window.SpriteSpin.mods.gallery = {}); (t.onLoad = function(t, n) { (n.images = []), (n.offsets = []), n.stage.empty(), (n.speed = 500), (n.opacity = 0.25), (n.oldFrame = 0); var r, o = 0; for (r = 0; r < n.source.length; r += 1) { var i = e("

"); n.stage.append(i), n.images.push(i), n.offsets.push(-o + (n.width - i[0].width) / 2), (o += i[0].width), i.css({ opacity: 0.25 }); } n.stage.css({ width: o }), n.images[n.oldFrame].animate({ opacity: 1 }, n.speed); }), (t.onDraw = function(e, t) { t.oldFrame !== t.frame && t.offsets ? (t.stage.stop(!0, !1), t.stage.animate({ left: t.offsets[t.frame] }, t.speed), t.images[t.oldFrame].animate( { opacity: t.opacity }, t.speed ), (t.oldFrame = t.frame), t.images[t.oldFrame].animate({ opacity: 1 }, t.speed)) : t.stage.css({ left: t.offsets[t.frame] + t.dX }); }), (t.resetInput = function(e, t) { t.onDrag || t.stage.animate({ left: t.offsets[t.frame] }); }); })(window.jQuery || window.Zepto || window.$), (function(e, t) { "use strict"; var n = Math.floor; t.registerModule("panorama", { onLoad: function(e, t) { t.stage.empty().show(), (t.frames = t.sourceWidth), "horizontal" === t.orientation ? ((t.scale = t.height / t.sourceHeight), (t.frames = t.sourceWidth)) : ((t.scale = t.width / t.sourceWidth), (t.frames = t.sourceHeight)); var r = n(t.sourceWidth * t.scale), o = n(t.sourceHeight * t.scale), i = [r, "px ", o, "px"].join(""); t.stage.css({ "background-image": ["url('", t.source[0], "')"].join(""), "background-repeat": "repeat-both", "-webkit-background-size": i, "-moz-background-size": i, "-o-background-size": i, "background-size": i }); }, onDraw: function(e, t) { var r = 0, o = 0; "horizontal" === t.orientation ? (r = -n((t.frame % t.frames) * t.scale)) : (o = -n((t.frame % t.frames) * t.scale)), t.stage.css({ "background-position": [r, "px ", o, "px"].join("") }); } }); })(window.jQuery || window.Zepto || window.$, window.SpriteSpin), (function(e, t) { "use strict"; function n(e, n) { e.preventDefault(), (n.dragging = !1), !e.touches && e.originalEvent && (e.touches = e.originalEvent.touches); var r, o, i, a; e.touches && e.touches.length ? ((r = e.touches[0].clientX || 0), (o = e.touches[0].clientY || 0)) : ((r = e.clientX || 0), (o = e.clientY || 0)), (r /= n.width), (o /= n.height), null == n.zoomPX && ((n.zoomPX = r), (n.zoomPY = o)), null == n.zoomX && ((n.zoomX = r), (n.zoomY = o)), (i = r - n.zoomPX), (a = o - n.zoomPY), (n.zoomPX = r), (n.zoomPY = o), e.type.match(/touch/) && ((i = -i), (a = -a)), (n.zoomX = t.clamp(n.zoomX + i, 0, 1)), (n.zoomY = t.clamp(n.zoomY + a, 0, 1)), t.updateFrame(n); } function r(t) { t.preventDefault(); var r = e(this).spritespin("data"), o = new Date().getTime(); if ((delete r.zoomPX, delete r.zoomPY, !r.zoomClickTime)) return void (r.zoomClickTime = o); var i = o - r.zoomClickTime; return i > 500 ? void (r.zoomClickTime = o) : ((r.zoomClickTime = 0), void ( e(this) .spritespin("api") .toggleZoom() && n(t, r) )); } function o(t) { var r = e(this).spritespin("data"); r.zoomStage.is(":visible") && n(t, r); } t.registerModule("zoom", { mousedown: r, touchstart: r, mousemove: o, touchmove: o, onInit: function(t, n) { n.zoomStage || (n.zoomStage = e("

") .css({ width: "100%", height: "100%", top: 0, left: 0, bottom: 0, right: 0, position: "absolute" }) .appendTo(n.target) .hide()); }, onDraw: function(e, t) { var n = t.lane * t.frames + t.frame, r = t.source[n]; if ((t.zoomSource && (r = t.zoomSource[n]), r)) { var o = t.zoomX, i = t.zoomY; (null == o || null == i) && ((o = t.zoomX = 0.5), (i = t.zoomY = 0.5)), t.zoomStage.css({ "background-repeat": "no-repeat", "background-image": ["url('", r, "')"].join(""), "background-position": [ (100 * o) | 0, "% ", (100 * i) | 0, "%" ].join("") }); } } }), t.extendApi({ toggleZoom: function() { var t = this.data; return t.zoomStage ? t.zoomStage.is(":visible") ? (t.zoomStage.fadeOut(), t.stage.fadeIn(), !1) : (t.zoomStage.fadeIn(), t.stage.fadeOut(), !0) : (e.error( "zoom module is not initialized or is not available." ), !1); } }); })(window.jQuery || window.Zepto || window.$, window.SpriteSpin); var api; $(function() { api = $("#basic-setup") .spritespin({ source: SpriteSpin.sourceArray( "http://spritespin.ginie.eu/images/rad_zoom_{frame}.jpg", { frame: [1, 34], digits: 3 } ), width: 480, height: 327, sense: -1, animate: false }) .spritespin("api"); }); };

360 product