INSERT ALT TAG
').appendTo(self.zoomWindow.parent());
if(self.options.zoomType == "lens") {
- self.zoomLens.css({ backgroundImage: "url('" + self.imageSrc + "')" });
+ self.zoomLens.css({ backgroundImage: "url('" + self.imageSrc + "')" });
}
if(self.options.zoomType == "window") {
- self.zoomWindow.css({ backgroundImage: "url('" + self.imageSrc + "')" });
+ self.zoomWindow.css({ backgroundImage: "url('" + self.imageSrc + "')" });
}
if(self.options.zoomType == "inner") {
- self.zoomWindow.css({ backgroundImage: "url('" + self.imageSrc + "')" });
+ self.zoomWindow.css({ backgroundImage: "url('" + self.imageSrc + "')" });
}
/*-------------------END THE ZOOM WINDOW AND LENS----------------------------------*/
//touch events
- self.$elem.bind('touchmove', function(e){
+ self.$elem.bind('touchmove', function(e){
e.preventDefault();
- var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
+ var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
self.setPosition(touch);
- });
- self.zoomContainer.bind('touchmove', function(e){
+ });
+ self.zoomContainer.bind('touchmove', function(e){
if(self.options.zoomType == "inner") {
self.showHideWindow("show");
}
e.preventDefault();
- var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
- self.setPosition(touch);
+ var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
+ self.setPosition(touch);
- });
- self.zoomContainer.bind('touchend', function(e){
+ });
+ self.zoomContainer.bind('touchend', function(e){
self.showHideWindow("hide");
if(self.options.showLens) {self.showHideLens("hide");}
if(self.options.tint && self.options.zoomType != "inner") {self.showHideTint("hide");}
- });
+ });
- self.$elem.bind('touchend', function(e){
+ self.$elem.bind('touchend', function(e){
self.showHideWindow("hide");
if(self.options.showLens) {self.showHideLens("hide");}
if(self.options.tint && self.options.zoomType != "inner") {self.showHideTint("hide");}
- });
+ });
if(self.options.showLens) {
- self.zoomLens.bind('touchmove', function(e){
+ self.zoomLens.bind('touchmove', function(e){
e.preventDefault();
- var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
- self.setPosition(touch);
- });
+ var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
+ self.setPosition(touch);
+ });
- self.zoomLens.bind('touchend', function(e){
+ self.zoomLens.bind('touchend', function(e){
self.showHideWindow("hide");
if(self.options.showLens) {self.showHideLens("hide");}
if(self.options.tint && self.options.zoomType != "inner") {self.showHideTint("hide");}
- });
+ });
}
//Needed to work in IE
- self.$elem.bind('mousemove', function(e){
+ self.$elem.bind('mousemove', function(e){
if(self.overWindow == false){self.setElements("show");}
//make sure on orientation change the setposition is not fired
if(self.lastX !== e.clientX || self.lastY !== e.clientY){
self.setPosition(e);
self.currentLoc = e;
- }
+ }
self.lastX = e.clientX;
- self.lastY = e.clientY;
+ self.lastY = e.clientY;
- });
+ });
- self.zoomContainer.bind('mousemove', function(e){
+ self.zoomContainer.bind('mousemove', function(e){
- if(self.overWindow == false){self.setElements("show");}
+ if(self.overWindow == false){self.setElements("show");}
- //make sure on orientation change the setposition is not fired
+ //make sure on orientation change the setposition is not fired
if(self.lastX !== e.clientX || self.lastY !== e.clientY){
self.setPosition(e);
self.currentLoc = e;
- }
+ }
self.lastX = e.clientX;
- self.lastY = e.clientY;
- });
+ self.lastY = e.clientY;
+ });
if(self.options.zoomType != "inner") {
- self.zoomLens.bind('mousemove', function(e){
+ self.zoomLens.bind('mousemove', function(e){
//make sure on orientation change the setposition is not fired
if(self.lastX !== e.clientX || self.lastY !== e.clientY){
self.setPosition(e);
self.currentLoc = e;
- }
+ }
self.lastX = e.clientX;
- self.lastY = e.clientY;
+ self.lastY = e.clientY;
});
}
if(self.options.tint && self.options.zoomType != "inner") {
- self.zoomTint.bind('mousemove', function(e){
+ self.zoomTint.bind('mousemove', function(e){
//make sure on orientation change the setposition is not fired
if(self.lastX !== e.clientX || self.lastY !== e.clientY){
self.setPosition(e);
self.currentLoc = e;
- }
+ }
self.lastX = e.clientX;
- self.lastY = e.clientY;
+ self.lastY = e.clientY;
});
}
@@ -431,9 +433,9 @@ if ( typeof Object.create !== 'function' ) {
if(self.lastX !== e.clientX || self.lastY !== e.clientY){
self.setPosition(e);
self.currentLoc = e;
- }
+ }
self.lastX = e.clientX;
- self.lastY = e.clientY;
+ self.lastY = e.clientY;
});
}
@@ -442,7 +444,7 @@ if ( typeof Object.create !== 'function' ) {
// lensFadeOut: 500, zoomTintFadeIn
self.zoomContainer.add(self.$elem).mouseenter(function(){
- if(self.overWindow == false){self.setElements("show");}
+ if(self.overWindow == false){self.setElements("show");}
}).mouseleave(function(){
@@ -459,8 +461,8 @@ if ( typeof Object.create !== 'function' ) {
if(self.options.zoomType != "inner") {
self.zoomWindow.mouseenter(function(){
- self.overWindow = true;
- self.setElements("hide");
+ self.overWindow = true;
+ self.setElements("hide");
}).mouseleave(function(){
self.overWindow = false;
@@ -472,7 +474,7 @@ if ( typeof Object.create !== 'function' ) {
// var delta = parseInt(e.originalEvent.wheelDelta || -e.originalEvent.detail);
- // $(this).empty();
+ // $(this).empty();
// return false;
//fix for initial zoom setting
@@ -495,7 +497,7 @@ if ( typeof Object.create !== 'function' ) {
// in IE there is issue with firing of mouseleave - So check whether still scrolling
-// and on mouseleave check if scrolllock
+// and on mouseleave check if scrolllock
self.scrollLock = true;
clearTimeout($.data(this, 'timer'));
$.data(this, 'timer', setTimeout(function() {
@@ -517,8 +519,8 @@ if ( typeof Object.create !== 'function' ) {
if(theEvent /120 > 0) {
//scrolling up
- if(self.currentZoomLevel >= self.minZoomLevel){
- self.changeZoomLevel(self.currentZoomLevel-self.options.scrollZoomIncrement);
+ if(self.currentZoomLevel >= self.minZoomLevel){
+ self.changeZoomLevel(self.currentZoomLevel-self.options.scrollZoomIncrement);
}
}
@@ -527,12 +529,12 @@ if ( typeof Object.create !== 'function' ) {
if(self.options.maxZoomLevel){
- if(self.currentZoomLevel <= self.options.maxZoomLevel){
+ if(self.currentZoomLevel <= self.options.maxZoomLevel){
self.changeZoomLevel(parseFloat(self.currentZoomLevel)+self.options.scrollZoomIncrement);
}
}
else{
- //andy
+ //andy
self.changeZoomLevel(parseFloat(self.currentZoomLevel)+self.options.scrollZoomIncrement);
}
@@ -562,12 +564,12 @@ if ( typeof Object.create !== 'function' ) {
if(!self.options.tint) {self.showHideWindow("hide");}
if(self.options.showLens) {self.showHideLens("hide");}
if(self.options.tint) { self.showHideTint("hide");}
- }
+ }
},
setPosition: function(e) {
-
+ var lensHeight, lensWidth
var self = this;
-
+
if(!self.options.zoomEnabled){return false;}
//recaclc offset each time in case the image moves
@@ -580,31 +582,31 @@ if ( typeof Object.create !== 'function' ) {
self.zoomTint.css({ top: 0});
self.zoomTint.css({ left: 0});
}
- //set responsive
+ //set responsive
//will checking if the image needs changing before running this code work faster?
if(self.options.responsive && !self.options.scrollZoom){
- if(self.options.showLens){
+ if(self.options.showLens){
if(self.nzHeight < self.options.zoomWindowWidth/self.widthRatio){
- lensHeight = self.nzHeight;
+ lensHeight = self.nzHeight;
}
else{
lensHeight = String((self.options.zoomWindowHeight/self.heightRatio))
}
if(self.largeWidth < self.options.zoomWindowWidth){
lensWidth = self.nzWidth;
- }
+ }
else{
lensWidth = (self.options.zoomWindowWidth/self.widthRatio);
}
self.widthRatio = self.largeWidth / self.nzWidth;
- self.heightRatio = self.largeHeight / self.nzHeight;
+ self.heightRatio = self.largeHeight / self.nzHeight;
if(self.options.zoomType != "lens") {
//possibly dont need to keep recalcalculating
//if the lens is heigher than the image, then set lens size to image size
if(self.nzHeight < self.options.zoomWindowWidth/self.widthRatio){
- lensHeight = self.nzHeight;
+ lensHeight = self.nzHeight;
}
else{
@@ -613,26 +615,26 @@ if ( typeof Object.create !== 'function' ) {
if(self.nzWidth < self.options.zoomWindowHeight/self.heightRatio){
lensWidth = self.nzWidth;
- }
+ }
else{
lensWidth = String((self.options.zoomWindowWidth/self.widthRatio));
- }
+ }
- self.zoomLens.css('width', lensWidth);
- self.zoomLens.css('height', lensHeight);
+ self.zoomLens.css('width', lensWidth);
+ self.zoomLens.css('height', lensHeight);
- if(self.options.tint){
- self.zoomTintImage.css('width', self.nzWidth);
- self.zoomTintImage.css('height', self.nzHeight);
+ if(self.options.tint){
+ self.zoomTintImage.css('width', self.nzWidth);
+ self.zoomTintImage.css('height', self.nzHeight);
}
- }
- if(self.options.zoomType == "lens") {
+ }
+ if(self.options.zoomType == "lens") {
- self.zoomLens.css({ width: String(self.options.lensSize) + 'px', height: String(self.options.lensSize) + 'px' })
+ self.zoomLens.css({ width: String(self.options.lensSize) + 'px', height: String(self.options.lensSize) + 'px' })
- }
+ }
//end responsive image change
}
}
@@ -648,19 +650,19 @@ if ( typeof Object.create !== 'function' ) {
if(self.options.zoomType == "window") {
self.Etoppos = (self.mouseTop < (self.zoomLens.height()/2));
self.Eboppos = (self.mouseTop > self.nzHeight - (self.zoomLens.height()/2)-(self.options.lensBorderSize*2));
- self.Eloppos = (self.mouseLeft < 0+((self.zoomLens.width()/2)));
- self.Eroppos = (self.mouseLeft > (self.nzWidth - (self.zoomLens.width()/2)-(self.options.lensBorderSize*2)));
+ self.Eloppos = (self.mouseLeft < 0+((self.zoomLens.width()/2)));
+ self.Eroppos = (self.mouseLeft > (self.nzWidth - (self.zoomLens.width()/2)-(self.options.lensBorderSize*2)));
}
//calculate the bound regions - but only for inner zoom
- if(self.options.zoomType == "inner"){
+ if(self.options.zoomType == "inner"){
self.Etoppos = (self.mouseTop < ((self.nzHeight/2)/self.heightRatio) );
self.Eboppos = (self.mouseTop > (self.nzHeight - ((self.nzHeight/2)/self.heightRatio)));
self.Eloppos = (self.mouseLeft < 0+(((self.nzWidth/2)/self.widthRatio)));
- self.Eroppos = (self.mouseLeft > (self.nzWidth - (self.nzWidth/2)/self.widthRatio-(self.options.lensBorderSize*2)));
+ self.Eroppos = (self.mouseLeft > (self.nzWidth - (self.nzWidth/2)/self.widthRatio-(self.options.lensBorderSize*2)));
}
// if the mouse position of the slider is one of the outerbounds, then hide window and lens
- if (self.mouseLeft < 0 || self.mouseTop < 0 || self.mouseLeft > self.nzWidth || self.mouseTop > self.nzHeight ) {
+ if (self.mouseLeft < 0 || self.mouseTop < 0 || self.mouseLeft > self.nzWidth || self.mouseTop > self.nzHeight ) {
self.setElements("hide");
return;
}
@@ -677,7 +679,7 @@ if ( typeof Object.create !== 'function' ) {
}
- //adjust the background position if the mouse is in one of the outer regions
+ //adjust the background position if the mouse is in one of the outer regions
//Top region
if(self.Etoppos){
@@ -688,64 +690,64 @@ if ( typeof Object.create !== 'function' ) {
self.windowLeftPos = 0;
self.lensLeftPos = 0;
self.tintpos=0;
- }
+ }
//Set bottom and right region for window mode
if(self.options.zoomType == "window") {
if(self.Eboppos){
self.lensTopPos = Math.max( (self.nzHeight)-self.zoomLens.height()-(self.options.lensBorderSize*2), 0 );
- }
+ }
if(self.Eroppos){
self.lensLeftPos = (self.nzWidth-(self.zoomLens.width())-(self.options.lensBorderSize*2));
- }
- }
+ }
+ }
//Set bottom and right region for inner mode
if(self.options.zoomType == "inner") {
if(self.Eboppos){
self.lensTopPos = Math.max( ((self.nzHeight)-(self.options.lensBorderSize*2)), 0 );
- }
+ }
if(self.Eroppos){
self.lensLeftPos = (self.nzWidth-(self.nzWidth)-(self.options.lensBorderSize*2));
- }
+ }
}
//if lens zoom
- if(self.options.zoomType == "lens") {
- self.windowLeftPos = String(((e.pageX - self.nzOffset.left) * self.widthRatio - self.zoomLens.width() / 2) * (-1));
+ if(self.options.zoomType == "lens") {
+ self.windowLeftPos = String(((e.pageX - self.nzOffset.left) * self.widthRatio - self.zoomLens.width() / 2) * (-1));
self.windowTopPos = String(((e.pageY - self.nzOffset.top) * self.heightRatio - self.zoomLens.height() / 2) * (-1));
self.zoomLens.css({ backgroundPosition: self.windowLeftPos + 'px ' + self.windowTopPos + 'px' });
- if(self.changeBgSize){
+ if(self.changeBgSize){
- if(self.nzHeight>self.nzWidth){
- if(self.options.zoomType == "lens"){
+ if(self.nzHeight>self.nzWidth){
+ if(self.options.zoomType == "lens"){
self.zoomLens.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' });
- }
+ }
self.zoomWindow.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' });
}
- else{
- if(self.options.zoomType == "lens"){
+ else{
+ if(self.options.zoomType == "lens"){
self.zoomLens.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' });
- }
- self.zoomWindow.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' });
+ }
+ self.zoomWindow.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' });
}
self.changeBgSize = false;
- }
+ }
- self.setWindowPostition(e);
+ self.setWindowPostition(e);
}
- //if tint zoom
+ //if tint zoom
if(self.options.tint && self.options.zoomType != "inner") {
self.setTintPosition(e);
}
- //set the css background position
+ //set the css background position
if(self.options.zoomType == "window") {
- self.setWindowPostition(e);
+ self.setWindowPostition(e);
}
if(self.options.zoomType == "inner") {
- self.setWindowPostition(e);
+ self.setWindowPostition(e);
}
if(self.options.showLens) {
@@ -753,7 +755,7 @@ if ( typeof Object.create !== 'function' ) {
self.lensLeftPos = 0;
}
- self.zoomLens.css({ left: self.lensLeftPos + 'px', top: self.lensTopPos + 'px' })
+ self.zoomLens.css({ left: self.lensLeftPos + 'px', top: self.lensTopPos + 'px' })
}
} //end else
@@ -762,15 +764,15 @@ if ( typeof Object.create !== 'function' ) {
},
showHideWindow: function(change) {
- var self = this;
- if(change == "show"){
+ var self = this;
+ if(change == "show"){
if(!self.isWindowActive){
if(self.options.zoomWindowFadeIn){
self.zoomWindow.stop(true, true, false).fadeIn(self.options.zoomWindowFadeIn);
}
else{self.zoomWindow.show();}
self.isWindowActive = true;
- }
+ }
}
if(change == "hide"){
if(self.isWindowActive){
@@ -784,20 +786,20 @@ if ( typeof Object.create !== 'function' ) {
});
}
else{self.zoomWindow.hide();}
- self.isWindowActive = false;
- }
+ self.isWindowActive = false;
+ }
}
},
showHideLens: function(change) {
- var self = this;
- if(change == "show"){
+ var self = this;
+ if(change == "show"){
if(!self.isLensActive){
if(self.options.lensFadeIn){
self.zoomLens.stop(true, true, false).fadeIn(self.options.lensFadeIn);
}
else{self.zoomLens.show();}
self.isLensActive = true;
- }
+ }
}
if(change == "hide"){
if(self.isLensActive){
@@ -805,13 +807,13 @@ if ( typeof Object.create !== 'function' ) {
self.zoomLens.stop(true, true).fadeOut(self.options.lensFadeOut);
}
else{self.zoomLens.hide();}
- self.isLensActive = false;
- }
+ self.isLensActive = false;
+ }
}
},
showHideTint: function(change) {
- var self = this;
- if(change == "show"){
+ var self = this;
+ if(change == "show"){
if(!self.isTintActive){
if(self.options.zoomTintFadeIn){
@@ -824,17 +826,17 @@ if ( typeof Object.create !== 'function' ) {
}
self.isTintActive = true;
- }
+ }
}
- if(change == "hide"){
- if(self.isTintActive){
+ if(change == "hide"){
+ if(self.isTintActive){
if(self.options.zoomTintFadeOut){
self.zoomTint.stop(true, true).fadeOut(self.options.zoomTintFadeOut);
}
else{self.zoomTint.hide();}
- self.isTintActive = false;
- }
+ self.isTintActive = false;
+ }
}
},
setLensPostition: function( e ) {
@@ -847,8 +849,8 @@ if ( typeof Object.create !== 'function' ) {
if(!isNaN(self.options.zoomWindowPosition)){
- switch (self.options.zoomWindowPosition) {
- case 1: //done
+ switch (self.options.zoomWindowPosition) {
+ case 1: //done
self.windowOffsetTop = (self.options.zoomWindowOffety);//DONE - 1
self.windowOffsetLeft =(+self.nzWidth); //DONE 1, 2, 3, 4, 16
break;
@@ -862,23 +864,23 @@ if ( typeof Object.create !== 'function' ) {
}
break;
- case 3: //done
+ case 3: //done
self.windowOffsetTop = (self.nzHeight - self.zoomWindow.height() - (self.options.borderSize*2)); //DONE 3,9
self.windowOffsetLeft =(self.nzWidth); //DONE 1, 2, 3, 4, 16
- break;
- case 4: //done
+ break;
+ case 4: //done
self.windowOffsetTop = (self.nzHeight); //DONE - 4,5,6,7,8
self.windowOffsetLeft =(self.nzWidth); //DONE 1, 2, 3, 4, 16
break;
- case 5: //done
+ case 5: //done
self.windowOffsetTop = (self.nzHeight); //DONE - 4,5,6,7,8
self.windowOffsetLeft =(self.nzWidth-self.zoomWindow.width()-(self.options.borderSize*2)); //DONE - 5,15
break;
- case 6:
+ case 6:
if(self.options.zoomWindowHeight > self.nzHeight){ //positive margin
self.windowOffsetTop = (self.nzHeight); //DONE - 4,5,6,7,8
- self.windowOffsetLeft =((self.options.zoomWindowWidth/2)-(self.nzWidth/2)+(self.options.borderSize*2))*(-1);
+ self.windowOffsetLeft =((self.options.zoomWindowWidth/2)-(self.nzWidth/2)+(self.options.borderSize*2))*(-1);
}
else{ //negative margin
@@ -886,19 +888,19 @@ if ( typeof Object.create !== 'function' ) {
break;
- case 7: //done
+ case 7: //done
self.windowOffsetTop = (self.nzHeight); //DONE - 4,5,6,7,8
self.windowOffsetLeft = 0; //DONE 7, 13
break;
- case 8: //done
+ case 8: //done
self.windowOffsetTop = (self.nzHeight); //DONE - 4,5,6,7,8
self.windowOffsetLeft =(self.zoomWindow.width()+(self.options.borderSize*2) )* (-1); //DONE 8,9,10,11,12
break;
- case 9: //done
+ case 9: //done
self.windowOffsetTop = (self.nzHeight - self.zoomWindow.height() - (self.options.borderSize*2)); //DONE 3,9
self.windowOffsetLeft =(self.zoomWindow.width()+(self.options.borderSize*2) )* (-1); //DONE 8,9,10,11,12
break;
- case 10:
+ case 10:
if(self.options.zoomWindowHeight > self.nzHeight){ //positive margin
self.windowOffsetTop = ((self.options.zoomWindowHeight/2)-(self.nzHeight/2))*(-1);
@@ -908,41 +910,41 @@ if ( typeof Object.create !== 'function' ) {
}
break;
- case 11:
+ case 11:
self.windowOffsetTop = (self.options.zoomWindowOffety);
self.windowOffsetLeft =(self.zoomWindow.width()+(self.options.borderSize*2) )* (-1); //DONE 8,9,10,11,12
break;
- case 12: //done
+ case 12: //done
self.windowOffsetTop = (self.zoomWindow.height()+(self.options.borderSize*2))*(-1); //DONE 12,13,14,15,16
self.windowOffsetLeft =(self.zoomWindow.width()+(self.options.borderSize*2) )* (-1); //DONE 8,9,10,11,12
break;
- case 13: //done
+ case 13: //done
self.windowOffsetTop = (self.zoomWindow.height()+(self.options.borderSize*2))*(-1); //DONE 12,13,14,15,16
self.windowOffsetLeft =(0); //DONE 7, 13
break;
- case 14:
+ case 14:
if(self.options.zoomWindowHeight > self.nzHeight){ //positive margin
self.windowOffsetTop = (self.zoomWindow.height()+(self.options.borderSize*2))*(-1); //DONE 12,13,14,15,16
- self.windowOffsetLeft =((self.options.zoomWindowWidth/2)-(self.nzWidth/2)+(self.options.borderSize*2))*(-1);
+ self.windowOffsetLeft =((self.options.zoomWindowWidth/2)-(self.nzWidth/2)+(self.options.borderSize*2))*(-1);
}
else{ //negative margin
}
break;
- case 15://done
+ case 15://done
self.windowOffsetTop = (self.zoomWindow.height()+(self.options.borderSize*2))*(-1); //DONE 12,13,14,15,16
self.windowOffsetLeft =(self.nzWidth-self.zoomWindow.width()-(self.options.borderSize*2)); //DONE - 5,15
break;
- case 16: //done
+ case 16: //done
self.windowOffsetTop = (self.zoomWindow.height()+(self.options.borderSize*2))*(-1); //DONE 12,13,14,15,16
self.windowOffsetLeft =(self.nzWidth); //DONE 1, 2, 3, 4, 16
- break;
- default: //done
+ break;
+ default: //done
self.windowOffsetTop = (self.options.zoomWindowOffety);//DONE - 1
self.windowOffsetLeft =(self.nzWidth); //DONE 1, 2, 3, 4, 16
- }
+ }
} //end isNAN
else{
//WE CAN POSITION IN A CLASS - ASSUME THAT ANY STRING PASSED IS
@@ -966,15 +968,15 @@ if ( typeof Object.create !== 'function' ) {
self.zoomWindow.css({ top: 0});
self.zoomWindow.css({ left: 0});
- }
+ }
- self.windowLeftPos = String(((e.pageX - self.nzOffset.left) * self.widthRatio - self.zoomWindow.width() / 2) * (-1));
+ self.windowLeftPos = String(((e.pageX - self.nzOffset.left) * self.widthRatio - self.zoomWindow.width() / 2) * (-1));
self.windowTopPos = String(((e.pageY - self.nzOffset.top) * self.heightRatio - self.zoomWindow.height() / 2) * (-1));
if(self.Etoppos){self.windowTopPos = 0;}
- if(self.Eloppos){self.windowLeftPos = 0;}
- if(self.Eboppos){self.windowTopPos = (self.largeHeight/self.currentZoomLevel-self.zoomWindow.height())*(-1); }
- if(self.Eroppos){self.windowLeftPos = ((self.largeWidth/self.currentZoomLevel-self.zoomWindow.width())*(-1));}
+ if(self.Eloppos){self.windowLeftPos = 0;}
+ if(self.Eboppos){self.windowTopPos = (self.largeHeight/self.currentZoomLevel-self.zoomWindow.height())*(-1); }
+ if(self.Eroppos){self.windowLeftPos = ((self.largeWidth/self.currentZoomLevel-self.zoomWindow.width())*(-1));}
//stops micro movements
if(self.fullheight){
@@ -985,7 +987,7 @@ if ( typeof Object.create !== 'function' ) {
self.windowLeftPos = 0;
}
- //set the css background position
+ //set the css background position
if(self.options.zoomType == "window" || self.options.zoomType == "inner") {
@@ -996,7 +998,7 @@ if ( typeof Object.create !== 'function' ) {
self.windowLeftPos = 0;
}
- if(self.heightRatio <= 1){
+ if(self.heightRatio <= 1){
self.windowTopPos = 0;
}
}
@@ -1023,46 +1025,46 @@ if ( typeof Object.create !== 'function' ) {
// }
//set the pos to 0 if not set
if(!self.xp){self.xp = 0;}
- if(!self.yp){self.yp = 0;}
- //if loop not already started, then run it
- if (!self.loop){
- self.loop = setInterval(function(){
- //using zeno's paradox
+ if(!self.yp){self.yp = 0;}
+ //if loop not already started, then run it
+ if (!self.loop){
+ self.loop = setInterval(function(){
+ //using zeno's paradox
- self.xp += (self.windowLeftPos - self.xp) / self.options.easingAmount;
+ self.xp += (self.windowLeftPos - self.xp) / self.options.easingAmount;
self.yp += (self.windowTopPos - self.yp) / self.options.easingAmount;
if(self.scrollingLock){
clearInterval(self.loop);
self.xp = self.windowLeftPos;
- self.yp = self.windowTopPos
+ self.yp = self.windowTopPos
self.xp = ((e.pageX - self.nzOffset.left) * self.widthRatio - self.zoomWindow.width() / 2) * (-1);
- self.yp = (((e.pageY - self.nzOffset.top) * self.heightRatio - self.zoomWindow.height() / 2) * (-1));
+ self.yp = (((e.pageY - self.nzOffset.top) * self.heightRatio - self.zoomWindow.height() / 2) * (-1));
- if(self.changeBgSize){
- if(self.nzHeight>self.nzWidth){
- if(self.options.zoomType == "lens"){
+ if(self.changeBgSize){
+ if(self.nzHeight>self.nzWidth){
+ if(self.options.zoomType == "lens"){
self.zoomLens.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' });
- }
+ }
self.zoomWindow.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' });
}
- else{
- if(self.options.zoomType != "lens"){
+ else{
+ if(self.options.zoomType != "lens"){
self.zoomLens.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvalueheight + 'px' });
- }
- self.zoomWindow.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' });
+ }
+ self.zoomWindow.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' });
}
/*
if(!self.bgxp){self.bgxp = self.largeWidth/self.newvalue;}
- if(!self.bgyp){self.bgyp = self.largeHeight/self.newvalue ;}
- if (!self.bgloop){
- self.bgloop = setInterval(function(){
+ if(!self.bgyp){self.bgyp = self.largeHeight/self.newvalue ;}
+ if (!self.bgloop){
+ self.bgloop = setInterval(function(){
- self.bgxp += (self.largeWidth/self.newvalue - self.bgxp) / self.options.easingAmount;
+ self.bgxp += (self.largeWidth/self.newvalue - self.bgxp) / self.options.easingAmount;
self.bgyp += (self.largeHeight/self.newvalue - self.bgyp) / self.options.easingAmount;
self.zoomWindow.css({ "background-size": self.bgxp + 'px ' + self.bgyp + 'px' });
@@ -1087,84 +1089,84 @@ if ( typeof Object.create !== 'function' ) {
self.loop = false;
}
else{
- if(self.changeBgSize){
- if(self.nzHeight>self.nzWidth){
- if(self.options.zoomType == "lens"){
+ if(self.changeBgSize){
+ if(self.nzHeight>self.nzWidth){
+ if(self.options.zoomType == "lens"){
self.zoomLens.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' });
- }
+ }
self.zoomWindow.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' });
}
- else{
- if(self.options.zoomType != "lens"){
+ else{
+ if(self.options.zoomType != "lens"){
self.zoomLens.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' });
- }
- self.zoomWindow.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' });
+ }
+ self.zoomWindow.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' });
}
self.changeBgSize = false;
- }
+ }
self.zoomWindow.css({ backgroundPosition: self.xp + 'px ' + self.yp + 'px' });
- }
+ }
}, 16);
}
- }
- else{
- if(self.changeBgSize){
- if(self.nzHeight>self.nzWidth){
- if(self.options.zoomType == "lens"){
+ }
+ else{
+ if(self.changeBgSize){
+ if(self.nzHeight>self.nzWidth){
+ if(self.options.zoomType == "lens"){
self.zoomLens.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' });
- }
+ }
self.zoomWindow.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' });
}
- else{
- if(self.options.zoomType == "lens"){
+ else{
+ if(self.options.zoomType == "lens"){
self.zoomLens.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' });
- }
- if((self.largeHeight/self.newvaluewidth) < self.options.zoomWindowHeight){
+ }
+ if((self.largeHeight/self.newvaluewidth) < self.options.zoomWindowHeight){
- self.zoomWindow.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' });
+ self.zoomWindow.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' });
}
else{
- self.zoomWindow.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' });
+ self.zoomWindow.css({ "background-size": self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px' });
}
}
self.changeBgSize = false;
- }
+ }
- self.zoomWindow.css({ backgroundPosition: self.windowLeftPos + 'px ' + self.windowTopPos + 'px' });
+ self.zoomWindow.css({ backgroundPosition: self.windowLeftPos + 'px ' + self.windowTopPos + 'px' });
}
- }
+ }
},
setTintPosition: function(e){
var self = this;
self.nzOffset = self.$elem.offset();
- self.tintpos = String(((e.pageX - self.nzOffset.left)-(self.zoomLens.width() / 2)) * (-1));
- self.tintposy = String(((e.pageY - self.nzOffset.top) - self.zoomLens.height() / 2) * (-1));
+ self.tintpos = String(((e.pageX - self.nzOffset.left)-(self.zoomLens.width() / 2)) * (-1));
+ self.tintposy = String(((e.pageY - self.nzOffset.top) - self.zoomLens.height() / 2) * (-1));
if(self.Etoppos){
self.tintposy = 0;
}
if(self.Eloppos){
self.tintpos=0;
- }
+ }
if(self.Eboppos){
self.tintposy = (self.nzHeight-self.zoomLens.height()-(self.options.lensBorderSize*2))*(-1);
- }
+ }
if(self.Eroppos){
self.tintpos = ((self.nzWidth-self.zoomLens.width()-(self.options.lensBorderSize*2))*(-1));
- }
+ }
if(self.options.tint) {
//stops micro movements
if(self.fullheight){
self.tintposy = 0;
}
- if(self.fullwidth){
+ if(self.fullwidth){
self.tintpos = 0;
- }
+ }
self.zoomTintImage.css({'left': self.tintpos+'px'});
self.zoomTintImage.css({'top': self.tintposy+'px'});
}
@@ -1172,7 +1174,7 @@ if ( typeof Object.create !== 'function' ) {
swaptheimage: function(smallimage, largeimage){
var self = this;
- var newImg = new Image();
+ var newImg = new Image();
if(self.options.loadingIcon){
self.spinner = $('');
@@ -1187,27 +1189,27 @@ if ( typeof Object.create !== 'function' ) {
self.zoomImage = largeimage;
self.zoomWindow.css({ "background-size": self.largeWidth + 'px ' + self.largeHeight + 'px' });
self.swapAction(smallimage, largeimage);
- return;
- }
+ return;
+ }
newImg.src = largeimage; // this must be done AFTER setting onload
},
swapAction: function(smallimage, largeimage){
- var self = this;
+ var self = this;
- var newImg2 = new Image();
+ var newImg2 = new Image();
newImg2.onload = function() {
//re-calculate values
self.nzHeight = newImg2.height;
self.nzWidth = newImg2.width;
self.options.onImageSwapComplete(self.$elem);
- self.doneCallback();
- return;
- }
- newImg2.src = smallimage;
+ self.doneCallback();
+ return;
+ }
+ newImg2.src = smallimage;
//reset the zoomlevel to that initially set in options
self.currentZoomLevel = self.options.zoomLevel;
@@ -1215,16 +1217,16 @@ if ( typeof Object.create !== 'function' ) {
//swaps the main image
//self.$elem.attr("src",smallimage);
- //swaps the zoom image
+ //swaps the zoom image
if(self.options.zoomType == "lens") {
- self.zoomLens.css({ backgroundImage: "url('" + largeimage + "')" });
+ self.zoomLens.css({ backgroundImage: "url('" + largeimage + "')" });
}
if(self.options.zoomType == "window") {
- self.zoomWindow.css({ backgroundImage: "url('" + largeimage + "')" });
+ self.zoomWindow.css({ backgroundImage: "url('" + largeimage + "')" });
}
if(self.options.zoomType == "inner") {
- self.zoomWindow.css({ backgroundImage: "url('" + largeimage + "')" });
- }
+ self.zoomWindow.css({ backgroundImage: "url('" + largeimage + "')" });
+ }
@@ -1232,11 +1234,11 @@ if ( typeof Object.create !== 'function' ) {
if(self.options.imageCrossfade){
var oldImg = self.$elem;
- var newImg = oldImg.clone();
+ var newImg = oldImg.clone();
self.$elem.attr("src",smallimage)
self.$elem.after(newImg);
newImg.stop(true).fadeOut(self.options.imageCrossfade, function() {
- $(this).remove();
+ $(this).remove();
});
// if(self.options.zoomType == "inner"){
@@ -1250,11 +1252,11 @@ if ( typeof Object.create !== 'function' ) {
if(self.options.tint && self.options.zoomType != "inner") {
var oldImgTint = self.zoomTintImage;
- var newImgTint = oldImgTint.clone();
+ var newImgTint = oldImgTint.clone();
self.zoomTintImage.attr("src",largeimage)
self.zoomTintImage.after(newImgTint);
newImgTint.stop(true).fadeOut(self.options.imageCrossfade, function() {
- $(this).remove();
+ $(this).remove();
});
@@ -1267,12 +1269,12 @@ if ( typeof Object.create !== 'function' ) {
//resize the tint window
self.zoomTint.css({ height: self.$elem.height()});
self.zoomTint.css({ width: self.$elem.width()});
- }
+ }
self.zoomContainer.css("height", self.$elem.height());
self.zoomContainer.css("width", self.$elem.width());
- if(self.options.zoomType == "inner"){
+ if(self.options.zoomType == "inner"){
if(!self.options.constrainType){
self.zoomWrap.parent().css("height", self.$elem.height());
self.zoomWrap.parent().css("width", self.$elem.width());
@@ -1280,71 +1282,71 @@ if ( typeof Object.create !== 'function' ) {
self.zoomWindow.css("height", self.$elem.height());
self.zoomWindow.css("width", self.$elem.width());
}
- }
+ }
- if(self.options.imageCrossfade){
+ if(self.options.imageCrossfade){
self.zoomWrap.css("height", self.$elem.height());
self.zoomWrap.css("width", self.$elem.width());
- }
+ }
}
else{
- self.$elem.attr("src",smallimage);
+ self.$elem.attr("src",smallimage);
if(self.options.tint) {
self.zoomTintImage.attr("src",largeimage);
//self.zoomTintImage.attr("width",elem.data("image"));
self.zoomTintImage.attr("height",self.$elem.height());
//self.zoomTintImage.attr('src') = elem.data("image");
- self.zoomTintImage.css({ height: self.$elem.height()});
+ self.zoomTintImage.css({ height: self.$elem.height()});
self.zoomTint.css({ height: self.$elem.height()});
}
self.zoomContainer.css("height", self.$elem.height());
self.zoomContainer.css("width", self.$elem.width());
- if(self.options.imageCrossfade){
+ if(self.options.imageCrossfade){
self.zoomWrap.css("height", self.$elem.height());
self.zoomWrap.css("width", self.$elem.width());
- }
- }
- if(self.options.constrainType){
+ }
+ }
+ if(self.options.constrainType){
//This will contrain the image proportions
- if(self.options.constrainType == "height"){
+ if(self.options.constrainType == "height"){
self.zoomContainer.css("height", self.options.constrainSize);
self.zoomContainer.css("width", "auto");
- if(self.options.imageCrossfade){
+ if(self.options.imageCrossfade){
self.zoomWrap.css("height", self.options.constrainSize);
- self.zoomWrap.css("width", "auto");
+ self.zoomWrap.css("width", "auto");
self.constwidth = self.zoomWrap.width();
}
- else{
+ else{
self.$elem.css("height", self.options.constrainSize);
self.$elem.css("width", "auto");
self.constwidth = self.$elem.width();
- }
+ }
if(self.options.zoomType == "inner"){
self.zoomWrap.parent().css("height", self.options.constrainSize);
- self.zoomWrap.parent().css("width", self.constwidth);
+ self.zoomWrap.parent().css("width", self.constwidth);
self.zoomWindow.css("height", self.options.constrainSize);
- self.zoomWindow.css("width", self.constwidth);
- }
+ self.zoomWindow.css("width", self.constwidth);
+ }
if(self.options.tint){
self.tintContainer.css("height", self.options.constrainSize);
self.tintContainer.css("width", self.constwidth);
self.zoomTint.css("height", self.options.constrainSize);
self.zoomTint.css("width", self.constwidth);
self.zoomTintImage.css("height", self.options.constrainSize);
- self.zoomTintImage.css("width", self.constwidth);
- }
+ self.zoomTintImage.css("width", self.constwidth);
+ }
}
- if(self.options.constrainType == "width"){
+ if(self.options.constrainType == "width"){
self.zoomContainer.css("height", "auto");
self.zoomContainer.css("width", self.options.constrainSize);
@@ -1353,38 +1355,38 @@ if ( typeof Object.create !== 'function' ) {
self.zoomWrap.css("width", self.options.constrainSize);
self.constheight = self.zoomWrap.height();
}
- else{
+ else{
self.$elem.css("height", "auto");
- self.$elem.css("width", self.options.constrainSize);
- self.constheight = self.$elem.height();
- }
+ self.$elem.css("width", self.options.constrainSize);
+ self.constheight = self.$elem.height();
+ }
if(self.options.zoomType == "inner"){
self.zoomWrap.parent().css("height", self.constheight);
- self.zoomWrap.parent().css("width", self.options.constrainSize);
+ self.zoomWrap.parent().css("width", self.options.constrainSize);
self.zoomWindow.css("height", self.constheight);
- self.zoomWindow.css("width", self.options.constrainSize);
- }
+ self.zoomWindow.css("width", self.options.constrainSize);
+ }
if(self.options.tint){
self.tintContainer.css("height", self.constheight);
self.tintContainer.css("width", self.options.constrainSize);
self.zoomTint.css("height", self.constheight);
self.zoomTint.css("width", self.options.constrainSize);
self.zoomTintImage.css("height", self.constheight);
- self.zoomTintImage.css("width", self.options.constrainSize);
- }
+ self.zoomTintImage.css("width", self.options.constrainSize);
+ }
- }
+ }
}
},
doneCallback: function(){
-
+ var lensHeight, lensWidth
var self = this;
if(self.options.loadingIcon){
- self.spinner.hide();
- }
+ self.spinner.hide();
+ }
self.nzOffset = self.$elem.offset();
self.nzWidth = self.$elem.width();
@@ -1395,14 +1397,14 @@ if ( typeof Object.create !== 'function' ) {
//ratio of the large to small image
self.widthRatio = self.largeWidth / self.nzWidth;
- self.heightRatio = self.largeHeight / self.nzHeight;
+ self.heightRatio = self.largeHeight / self.nzHeight;
//NEED TO ADD THE LENS SIZE FOR ROUND
// adjust images less than the window height
if(self.options.zoomType == "window") {
if(self.nzHeight < self.options.zoomWindowWidth/self.widthRatio){
- lensHeight = self.nzHeight;
+ lensHeight = self.nzHeight;
}
else{
@@ -1411,7 +1413,7 @@ if ( typeof Object.create !== 'function' ) {
if(self.options.zoomWindowWidth < self.options.zoomWindowWidth){
lensWidth = self.nzWidth;
- }
+ }
else{
lensWidth = (self.options.zoomWindowWidth/self.widthRatio);
}
@@ -1419,22 +1421,22 @@ if ( typeof Object.create !== 'function' ) {
if(self.zoomLens){
- self.zoomLens.css('width', lensWidth);
- self.zoomLens.css('height', lensHeight);
+ self.zoomLens.css('width', lensWidth);
+ self.zoomLens.css('height', lensHeight);
}
}
},
getCurrentImage: function(){
- var self = this;
- return self.zoomImage;
- },
+ var self = this;
+ return self.zoomImage;
+ },
getGalleryList: function(){
- var self = this;
+ var self = this;
//loop through the gallery options and set them in list for fancybox
self.gallerylist = [];
- if (self.options.gallery){
+ if (self.options.gallery){
$('#'+self.options.gallery + ' a').each(function() {
@@ -1445,13 +1447,13 @@ if ( typeof Object.create !== 'function' ) {
}
else if($(this).data("image")){
img_src = $(this).data("image");
- }
+ }
//put the current image at the start
if(img_src == self.zoomImage){
self.gallerylist.unshift({
href: ''+img_src+'',
title: $(this).find('img').attr("title")
- });
+ });
}
else{
self.gallerylist.push({
@@ -1462,22 +1464,22 @@ if ( typeof Object.create !== 'function' ) {
});
- }
+ }
//if no gallery - return current image
else{
self.gallerylist.push({
href: ''+self.zoomImage+'',
title: $(this).find('img').attr("title")
- });
+ });
}
return self.gallerylist;
},
changeZoomLevel: function(value){
- var self = this;
+ var self = this;
- //flag a zoom, so can adjust the easing during setPosition
- self.scrollingLock = true;
+ //flag a zoom, so can adjust the easing during setPosition
+ self.scrollingLock = true;
//round to two decimal places
self.newvalue = parseFloat(value).toFixed(2);
@@ -1487,8 +1489,8 @@ if ( typeof Object.create !== 'function' ) {
//maxwidth & Maxheight of the image
- maxheightnewvalue = self.largeHeight/((self.options.zoomWindowHeight / self.nzHeight) * self.nzHeight);
- maxwidthtnewvalue = self.largeWidth/((self.options.zoomWindowWidth / self.nzWidth) * self.nzWidth);
+ maxheightnewvalue = self.largeHeight/((self.options.zoomWindowHeight / self.nzHeight) * self.nzHeight);
+ maxwidthtnewvalue = self.largeWidth/((self.options.zoomWindowWidth / self.nzWidth) * self.nzWidth);
@@ -1503,7 +1505,7 @@ if ( typeof Object.create !== 'function' ) {
}
else{
- self.heightRatio = (self.largeHeight/newvalue) / self.nzHeight;
+ self.heightRatio = (self.largeHeight/newvalue) / self.nzHeight;
self.newvalueheight = newvalue;
self.fullheight = false;
@@ -1519,7 +1521,7 @@ if ( typeof Object.create !== 'function' ) {
}
else{
- self.widthRatio = (self.largeWidth/newvalue) / self.nzWidth;
+ self.widthRatio = (self.largeWidth/newvalue) / self.nzWidth;
self.newvaluewidth = newvalue;
self.fullwidth = false;
@@ -1530,7 +1532,7 @@ if ( typeof Object.create !== 'function' ) {
self.newvaluewidth = maxheightnewvalue;
} else{
- self.widthRatio = (self.largeWidth/newvalue) / self.nzWidth;
+ self.widthRatio = (self.largeWidth/newvalue) / self.nzWidth;
self.newvaluewidth = newvalue;
self.fullwidth = false;
@@ -1541,20 +1543,20 @@ if ( typeof Object.create !== 'function' ) {
if(self.options.zoomType == "inner")
{
- maxheightnewvalue = parseFloat(self.largeHeight/self.nzHeight).toFixed(2);
- maxwidthtnewvalue = parseFloat(self.largeWidth/self.nzWidth).toFixed(2);
+ maxheightnewvalue = parseFloat(self.largeHeight/self.nzHeight).toFixed(2);
+ maxwidthtnewvalue = parseFloat(self.largeWidth/self.nzWidth).toFixed(2);
if(newvalue > maxheightnewvalue){
newvalue = maxheightnewvalue;
}
if(newvalue > maxwidthtnewvalue){
newvalue = maxwidthtnewvalue;
- }
+ }
if(maxheightnewvalue <= newvalue){
- self.heightRatio = (self.largeHeight/newvalue) / self.nzHeight;
+ self.heightRatio = (self.largeHeight/newvalue) / self.nzHeight;
if(newvalue > maxheightnewvalue){
self.newvalueheight = maxheightnewvalue;
}else{
@@ -1568,7 +1570,7 @@ if ( typeof Object.create !== 'function' ) {
- self.heightRatio = (self.largeHeight/newvalue) / self.nzHeight;
+ self.heightRatio = (self.largeHeight/newvalue) / self.nzHeight;
if(newvalue > maxheightnewvalue){
@@ -1582,9 +1584,9 @@ if ( typeof Object.create !== 'function' ) {
- if(maxwidthtnewvalue <= newvalue){
+ if(maxwidthtnewvalue <= newvalue){
- self.widthRatio = (self.largeWidth/newvalue) / self.nzWidth;
+ self.widthRatio = (self.largeWidth/newvalue) / self.nzWidth;
if(newvalue > maxwidthtnewvalue){
self.newvaluewidth = maxwidthtnewvalue;
@@ -1596,12 +1598,12 @@ if ( typeof Object.create !== 'function' ) {
}
- else{
+ else{
- self.widthRatio = (self.largeWidth/newvalue) / self.nzWidth;
+ self.widthRatio = (self.largeWidth/newvalue) / self.nzWidth;
self.newvaluewidth = newvalue;
self.fullwidth = false;
- }
+ }
} //end inner
@@ -1620,12 +1622,12 @@ if ( typeof Object.create !== 'function' ) {
self.fullwidth = true;
}
}
- if(self.nzHeight > self.nzWidth){
+ if(self.nzHeight > self.nzWidth){
if( self.newvaluewidth <= maxwidthtnewvalue){
scrcontinue = true;
}
else{
- scrcontinue = false;
+ scrcontinue = false;
self.fullheight = true;
self.fullwidth = true;
@@ -1650,18 +1652,18 @@ if ( typeof Object.create !== 'function' ) {
if(((self.options.zoomWindowHeight)/self.heightRatio) <= self.nzHeight){
- self.currentZoomLevel = self.newvalueheight;
+ self.currentZoomLevel = self.newvalueheight;
if(self.options.zoomType != "lens" && self.options.zoomType != "inner") {
self.changeBgSize = true;
- self.zoomLens.css({height: String((self.options.zoomWindowHeight)/self.heightRatio) + 'px' })
+ self.zoomLens.css({height: String((self.options.zoomWindowHeight)/self.heightRatio) + 'px' })
+ }
+ if(self.options.zoomType == "lens" || self.options.zoomType == "inner") {
+ self.changeBgSize = true;
}
- if(self.options.zoomType == "lens" || self.options.zoomType == "inner") {
- self.changeBgSize = true;
- }
- }
+ }
@@ -1672,7 +1674,7 @@ if ( typeof Object.create !== 'function' ) {
if(self.options.zoomType != "inner"){
if(self.newvaluewidth > self.newvalueheight) {
- self.currentZoomLevel = self.newvaluewidth;
+ self.currentZoomLevel = self.newvaluewidth;
}
}
@@ -1682,13 +1684,13 @@ if ( typeof Object.create !== 'function' ) {
self.zoomLens.css({width: String((self.options.zoomWindowWidth)/self.widthRatio) + 'px' })
}
- if(self.options.zoomType == "lens" || self.options.zoomType == "inner") {
+ if(self.options.zoomType == "lens" || self.options.zoomType == "inner") {
self.changeBgSize = true;
- }
+ }
}
if(self.options.zoomType == "inner"){
- self.changeBgSize = true;
+ self.changeBgSize = true;
if(self.nzWidth > self.nzHeight){
self.currentZoomLevel = self.newvaluewidth;
@@ -1722,6 +1724,10 @@ if ( typeof Object.create !== 'function' ) {
$.fn.elevateZoom = function( options ) {
+ //remove all previous elevateZoom data and zoomContainer
+ //that cause problem for clicking any other div as mutiple zoomContainer created with position absolute
+ $.removeData(this, 'elevateZoom');//remove zoom instance from image
+ $('.zoomContainer').remove();// remove zoom container from DOM
return this.each(function() {
var elevate = Object.create( ElevateZoom );
@@ -1787,4 +1793,4 @@ if ( typeof Object.create !== 'function' ) {
onImageSwapComplete: $.noop
};
-})( jQuery, window, document );
\ No newline at end of file
+})( jQuery, window, document );