Есть панорама, нужно закомментировать функции что делают,
!function($){
var defaults = {
repeat: false,
direction: "horizontal",
animationTime: 700,
easing: "ease-out",
overlay: true
};
function Timer(callback, delay) {
var timerId, start, remaining = delay;
this.pause = function() {
window.clearTimeout(timerId);
remaining -= new Date() - start;
};
this.resume = function() {
start = new Date();
timerId = window.setTimeout(callback, remaining);
};
this.resume();
}
function touchHandler(event)
{
var touches = event.changedTouches,
first = touches[0],
type = "";
switch(event.type)
{
case "touchstart": type = "mousedown"; break;
case "touchmove": type="mousemove"; break;
case "touchend": type="mouseup"; break;
default: return;
}
var simulatedEvent = document.createEvent("MouseEvent");
var mult = 2;
if( navigator.userAgent.match(/Android/i) ) {
mult = 10
}
simulatedEvent.initMouseEvent(type, true, true, window, 1,
first.screenX, first.screenY,
(first.clientX * mult), (first.clientY * mult), false,
false, false, false, 0/*left*/, null);
first.target.dispatchEvent(simulatedEvent);
}
$.fn.panorama_viewer = function(options){
document.addEventListener("touchstart", touchHandler, true);
document.addEventListener("touchmove", touchHandler, true);
document.addEventListener("touchend", touchHandler, true);
document.addEventListener("touchcancel", touchHandler, true);
return this.each(function(){
var settings = $.extend({}, defaults, options),
el = $(this);
el.find("> img").addClass("pv-pano");
el.addClass("pv-container").wrapInner("<div class='pv-inner pv-animating'></div>");
if (settings.direction == "vertical") {
el.addClass("pv-vertical")
}
el.find(".pv-animating").css({
"-webkit-transition": "all " + settings.animationTime + "ms " + settings.easing,
"-moz-transition": "all " + settings.animationTime + "ms " + settings.easing,
"-ms-transition": "all " + settings.animationTime + "ms " + settings.easing,
"transition": "all " + settings.animationTime + "ms " + settings.easing
})
imgSrc = el.find(".pv-pano").attr("src")
width = el.find(".pv-pano").width()
height = el.find(".pv-pano").height()
var repeat = "no-repeat";
if (settings.repeat == true) {
repeat = "repeat"
}
el.find(".pv-inner").css({
height: height,
width: width,
background: "url(" + imgSrc + ") " + repeat,
"background-size": "cover"
})
if (settings.overlay == true) {
$("<div class='pv-overlay'><i class='pvicon-overlay'></i></div>").appendTo(el.find(".pv-inner"))
el.find(".pv-inner").bind("mouseenter", function() {
$(this).find(".pv-overlay ").fadeOut("fast");
}).bind("mouseleave", function() {
$(this).find(".pv-overlay ").fadeIn("fast");
})
}
var $bg = el.find(".pv-inner"),
elbounds = {
w: parseInt($bg.parent().width()),
h: parseInt($bg.parent().height())
},
bounds = {w: width - elbounds.w, h: height - elbounds.h},
origin = {x: 0, y: 0},
start = {x: 0, y: 0},
movecontinue = false;
function move (e){
var inbounds = {x: false, y: false},
offset = {
x: start.x - (origin.x - e.clientX),
y: start.y - (origin.y - e.clientY)
};
if (settings.direction == "horizontal") {
if (settings.repeat == true) {
inbounds.x = true;
} else {
inbounds.x = offset.x < 0 && (offset.x * -1) < bounds.w;
}
if (movecontinue && inbounds.x) {
start.x = offset.x;
start.y = 0;
}
} else {
if (settings.repeat == true) {
inbounds.y = true;
} else {
inbounds.y = offset.y < 0 && (offset.y * -1) < bounds.h;
}
if (movecontinue && inbounds.y) {
start.y = offset.y;
start.x = 0;
}
}
$(this).css('background-position', start.x + 'px ' + start.y + 'px');
origin.x = e.clientX;
origin.y = e.clientY;
e.stopPropagation();
return false;
}
function handle (e){
movecontinue = false;
$bg.unbind('mousemove', move);
if (e.type == 'mousedown') {
origin.x = e.clientX;
origin.y = e.clientY;
movecontinue = true;
$bg.bind('mousemove', move);
} else {
$(document.body).focus();
}
e.stopPropagation();
return false;
}
function reset (){
start = {x: 0, y: 0};
$(this).css('backgroundPosition', '0 0');
}
$bg.bind('mousedown mouseup mouseleave', handle);
$bg.bind('dblclick', reset);
el.find(".pv-pano").hide()
});
}
}(window.jQuery);
// (c) 2010 jdbartlett, MIT license
(function(a){
a.fn.loupe=function(b){
var c=a.extend({loupe:"loupe",width:250,height:250});//,b||{}
return this.length?this.each(function(){
var j=a(this)
var g,k
var f=j.is("img")?j:j.find("img:first")
var e
var h=function(){k.hide()}
var i;
// if(j.data("loupe")!=null){
// return j.data("loupe",b)
// }
e=function(p){
var o=f.offset()
var q=f.outerWidth()
var m=f.outerHeight()
var l=c.width/2
var n=c.height/2;
//alert("loupe")
if(!j.data("loupe")||p.pageX>q+o.left+10||p.pageX<o.left-10||p.pageY>m+o.top+10||p.pageY<o.top-10){
return h()
}
//i=i?clearTimeout(i):0;
k.show().css({left:p.pageX-l,top:p.pageY-n});
g.css({left:-(((p.pageX-o.left)/q)*g.width()-l)|0,top:-(((p.pageY-o.top)/m)*g.height()-n)|0})};
k=a("<div />")
k.addClass(c.loupe)
.css({width:c.width,height:c.height,position:"absolute",overflow:"hidden"})
.append(g=a("<img />").attr("src",j.attr(j.is("img")?"src":"href"))
.css("position","absolute"))
.mousemove(e).hide().appendTo("body");
j.data("loupe",true)
.mouseenter(e)
//.mouseout(function(){//i=setTimeout(h,10)})
}):this}}
(jQuery));
