diff --git a/jquery.elevatezoom.js b/jquery.elevatezoom.js index 1813e2d..b2d4333 100644 --- a/jquery.elevatezoom.js +++ b/jquery.elevatezoom.js @@ -324,13 +324,13 @@ if ( typeof Object.create !== 'function' ) { // self.zoomCaption = $('
INSERT ALT TAG
').appendTo(self.zoomWindow.parent()); if(self.options.zoomType == "lens") { - self.zoomLens.css({ backgroundImage: "url('" + self.imageSrc + "')" }); + self.zoomLens.css("background-image", "url('" + self.imageSrc + "')"); } if(self.options.zoomType == "window") { - self.zoomWindow.css({ backgroundImage: "url('" + self.imageSrc + "')" }); + self.zoomWindow.css("background-image", "url('" + self.imageSrc + "')"); } if(self.options.zoomType == "inner") { - self.zoomWindow.css({ backgroundImage: "url('" + self.imageSrc + "')" }); + self.zoomWindow.css("background-image", "url('" + self.imageSrc + "')"); } /*-------------------END THE ZOOM WINDOW AND LENS----------------------------------*/ //touch events @@ -576,8 +576,7 @@ if ( typeof Object.create !== 'function' ) { self.nzOffset = self.$elem.offset(); if(self.options.tint && self.options.zoomType != "inner") { - self.zoomTint.css({ top: 0}); - self.zoomTint.css({ left: 0}); + self.zoomTint.css({top: 0, left: 0}); } //set responsive //will checking if the image needs changing before running this code work faster? @@ -617,12 +616,10 @@ if ( typeof Object.create !== 'function' ) { lensWidth = (self.options.zoomWindowWidth/self.widthRatio); } - self.zoomLens.css('width', lensWidth); - self.zoomLens.css('height', lensHeight); + self.zoomLens.css({'width': lensWidth, 'height': lensHeight}); if(self.options.tint){ - self.zoomTintImage.css('width', self.nzWidth); - self.zoomTintImage.css('height', self.nzHeight); + self.zoomTintImage.css({'width': self.nzWidth, 'height': self.nzHeight}); } } @@ -637,18 +634,19 @@ if ( typeof Object.create !== 'function' ) { } //container fix - self.zoomContainer.css({ top: self.nzOffset.top}); - self.zoomContainer.css({ left: self.nzOffset.left}); + self.zoomContainer.css({top: self.nzOffset.top, left: self.nzOffset.left}); self.mouseLeft = parseInt(e.pageX - self.nzOffset.left); self.mouseTop = parseInt(e.pageY - self.nzOffset.top); //calculate the Location of the Lens //calculate the bound regions - but only if zoom window 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))); + var zoomLensHeight = self.zoomLens.height()/2; + var zoomLensWidth = self.zoomLens.width()/2; + self.Etoppos = (self.mouseTop < 0+zoomLensHeight); + self.Eboppos = (self.mouseTop > self.nzHeight - zoomLensHeight - (self.options.lensBorderSize*2)); + self.Eloppos = (self.mouseLeft < 0+zoomLensWidth); + self.Eroppos = (self.mouseLeft > (self.nzWidth - zoomLensWidth - (self.options.lensBorderSize*2))); } //calculate the bound regions - but only for inner zoom if(self.options.zoomType == "inner"){ @@ -712,22 +710,22 @@ if ( typeof Object.create !== 'function' ) { 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' }); + self.zoomLens.css("background-position", self.windowLeftPos + 'px ' + self.windowTopPos + 'px'); 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.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' }); + self.zoomWindow.css("background-size", self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px'); } else{ if(self.options.zoomType == "lens"){ - self.zoomLens.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' }); + 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; } @@ -808,10 +806,10 @@ if ( typeof Object.create !== 'function' ) { if(!self.isTintActive){ if(self.options.zoomTintFadeIn){ - self.zoomTint.css({opacity:self.options.tintOpacity}).animate().stop(true, true).fadeIn("slow"); + self.zoomTint.css("opacity", self.options.tintOpacity).animate().stop(true, true).fadeIn("slow"); } else{ - self.zoomTint.css({opacity:self.options.tintOpacity}).animate(); + self.zoomTint.css("opacity", self.options.tintOpacity).animate(); self.zoomTint.show(); @@ -952,22 +950,21 @@ if ( typeof Object.create !== 'function' ) { self.windowOffsetTop = self.windowOffsetTop + self.options.zoomWindowOffety; self.windowOffsetLeft = self.windowOffsetLeft + self.options.zoomWindowOffetx; - self.zoomWindow.css({ top: self.windowOffsetTop}); - self.zoomWindow.css({ left: self.windowOffsetLeft}); + self.zoomWindow.css({top: self.windowOffsetTop, left: self.windowOffsetLeft}); if(self.options.zoomType == "inner") { - self.zoomWindow.css({ top: 0}); - self.zoomWindow.css({ left: 0}); - + self.zoomWindow.css({top: 0, left: 0}); } - 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)); + var zoomWindowWidth = self.zoomWindow.width(); + var zoomWindowHeight = self.zoomWindow.height(); + self.windowLeftPos = String(((e.pageX - self.nzOffset.left) * self.widthRatio - zoomWindowWidth/2) * (-1)); + self.windowTopPos = String(((e.pageY - self.nzOffset.top) * self.heightRatio - zoomWindowHeight/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.Eboppos){self.windowTopPos = (self.largeHeight/self.currentZoomLevel-zoomWindowHeight)*(-1); } + if(self.Eroppos){self.windowLeftPos = ((self.largeWidth/self.currentZoomLevel-zoomWindowWidth)*(-1));} //stops micro movements if(self.fullheight){ @@ -1029,21 +1026,21 @@ if ( typeof Object.create !== 'function' ) { self.xp = self.windowLeftPos; 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.xp = ((e.pageX - self.nzOffset.left) * self.widthRatio - zoomWindowWidth/2) * (-1); + self.yp = (((e.pageY - self.nzOffset.top) * self.heightRatio - zoomWindowHeight/2) * (-1)); 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.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' }); + self.zoomWindow.css("background-size", self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px'); } else{ if(self.options.zoomType != "lens"){ - self.zoomLens.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvalueheight + 'px' }); + 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'); } @@ -1056,7 +1053,7 @@ if ( typeof Object.create !== 'function' ) { 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' }); + self.zoomWindow.css("background-size", self.bgxp + 'px ' + self.bgyp + 'px'); }, 16); @@ -1066,7 +1063,7 @@ if ( typeof Object.create !== 'function' ) { self.changeBgSize = false; } - self.zoomWindow.css({ backgroundPosition: self.windowLeftPos + 'px ' + self.windowTopPos + 'px' }); + self.zoomWindow.css("background-position", self.windowLeftPos + 'px ' + self.windowTopPos + 'px'); self.scrollingLock = false; self.loop = false; @@ -1075,20 +1072,20 @@ if ( typeof Object.create !== 'function' ) { 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.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' }); + self.zoomWindow.css("background-size", self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px'); } else{ if(self.options.zoomType != "lens"){ - self.zoomLens.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' }); + 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' }); + self.zoomWindow.css("background-position", self.xp + 'px ' + self.yp + 'px'); } }, 16); } @@ -1097,37 +1094,40 @@ if ( typeof Object.create !== 'function' ) { 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.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' }); + self.zoomWindow.css("background-size", self.largeWidth/self.newvalueheight + 'px ' + self.largeHeight/self.newvalueheight + 'px'); } else{ if(self.options.zoomType == "lens"){ - self.zoomLens.css({ "background-size": self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px' }); + self.zoomLens.css("background-size", self.largeWidth/self.newvaluewidth + 'px ' + self.largeHeight/self.newvaluewidth + 'px'); } 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("background-position", self.windowLeftPos + 'px ' + self.windowTopPos + 'px'); } } }, setTintPosition: function(e){ var self = this; + var zoomLensWidth = self.zoomLens.width(); + var zoomLensHeight = self.zoomLens.height(); + 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)-(zoomLensWidth/2)) * (-1)); + self.tintposy = String(((e.pageY - self.nzOffset.top) - zoomLensHeight/2) * (-1)); if(self.Etoppos){ self.tintposy = 0; } @@ -1135,10 +1135,10 @@ if ( typeof Object.create !== 'function' ) { self.tintpos=0; } if(self.Eboppos){ - self.tintposy = (self.nzHeight-self.zoomLens.height()-(self.options.lensBorderSize*2))*(-1); + self.tintposy = (self.nzHeight-zoomLensHeight-(self.options.lensBorderSize*2))*(-1); } if(self.Eroppos){ - self.tintpos = ((self.nzWidth-self.zoomLens.width()-(self.options.lensBorderSize*2))*(-1)); + self.tintpos = ((self.nzWidth-zoomLensWidth-(self.options.lensBorderSize*2))*(-1)); } if(self.options.tint) { //stops micro movements @@ -1150,8 +1150,7 @@ if ( typeof Object.create !== 'function' ) { self.tintpos = 0; } - self.zoomTintImage.css({'left': self.tintpos+'px'}); - self.zoomTintImage.css({'top': self.tintposy+'px'}); + self.zoomTintImage.css({'left': self.tintpos+'px', 'top': self.tintposy+'px'}); } }, @@ -1170,8 +1169,7 @@ if ( typeof Object.create !== 'function' ) { self.largeWidth = newImg.width; self.largeHeight = newImg.height; self.zoomImage = largeimage; - self.zoomWindow.css({ "background-size": self.largeWidth + 'px ' + self.largeHeight + 'px' }); - self.zoomWindow.css({ "background-size": self.largeWidth + 'px ' + self.largeHeight + 'px' }); + self.zoomWindow.css("background-size", self.largeWidth + 'px ' + self.largeHeight + 'px'); self.swapAction(smallimage, largeimage); @@ -1184,6 +1182,8 @@ if ( typeof Object.create !== 'function' ) { var self = this; + var elemWidth = self.$elem.width(); + var elemHeight = self.$elem.height(); var newImg2 = new Image(); newImg2.onload = function() { @@ -1205,13 +1205,13 @@ if ( typeof Object.create !== 'function' ) { //self.$elem.attr("src",smallimage); //swaps the zoom image if(self.options.zoomType == "lens") { - self.zoomLens.css({ backgroundImage: "url('" + largeimage + "')" }); + self.zoomLens.css("background-image", "url('" + largeimage + "')"); } if(self.options.zoomType == "window") { - self.zoomWindow.css({ backgroundImage: "url('" + largeimage + "')" }); + self.zoomWindow.css("background-image", "url('" + largeimage + "')"); } if(self.options.zoomType == "inner") { - self.zoomWindow.css({ backgroundImage: "url('" + largeimage + "')" }); + self.zoomWindow.css("background-image", "url('" + largeimage + "')"); } @@ -1253,26 +1253,20 @@ if ( typeof Object.create !== 'function' ) { //self.zoomTintImage.attr("width",elem.data("image")); //resize the tint window - self.zoomTint.css({ height: self.$elem.height()}); - self.zoomTint.css({ width: self.$elem.width()}); + self.zoomTint.css({"height": elemHeight, "width": elemWidth}); } - self.zoomContainer.css("height", self.$elem.height()); - self.zoomContainer.css("width", self.$elem.width()); + self.zoomContainer.css({"height": elemHeight, "width": elemWidth}); 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()); - - self.zoomWindow.css("height", self.$elem.height()); - self.zoomWindow.css("width", self.$elem.width()); + self.zoomWrap.parent().css({"height": elemHeight, "width": elemWidth}); + self.zoomWindow.css({"height": elemHeight, "width": elemWidth}); } } if(self.options.imageCrossfade){ - self.zoomWrap.css("height", self.$elem.height()); - self.zoomWrap.css("width", self.$elem.width()); + self.zoomWrap.css({"height": elemHeight, "width": elemWidth}); } } else{ @@ -1280,18 +1274,16 @@ if ( typeof Object.create !== 'function' ) { 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("height",elemHeight); //self.zoomTintImage.attr('src') = elem.data("image"); - self.zoomTintImage.css({ height: self.$elem.height()}); - self.zoomTint.css({ height: self.$elem.height()}); + self.zoomTintImage.css("height", elemHeight); + self.zoomTint.css("height", elemHeight); } - self.zoomContainer.css("height", self.$elem.height()); - self.zoomContainer.css("width", self.$elem.width()); + self.zoomContainer.css({"height": elemHeight, "width": elemWidth}); if(self.options.imageCrossfade){ - self.zoomWrap.css("height", self.$elem.height()); - self.zoomWrap.css("width", self.$elem.width()); + self.zoomWrap.css({"height": elemHeight, "width": elemWidth}); } } if(self.options.constrainType){ @@ -1299,66 +1291,50 @@ if ( typeof Object.create !== 'function' ) { //This will contrain the image proportions if(self.options.constrainType == "height"){ - self.zoomContainer.css("height", self.options.constrainSize); - self.zoomContainer.css("width", "auto"); + self.zoomContainer.css({"height": self.options.constrainSize, "width": "auto"}); if(self.options.imageCrossfade){ - self.zoomWrap.css("height", self.options.constrainSize); - self.zoomWrap.css("width", "auto"); + self.zoomWrap.css({"height": self.options.constrainSize, "width": "auto"}); self.constwidth = self.zoomWrap.width(); } else{ - self.$elem.css("height", self.options.constrainSize); - self.$elem.css("width", "auto"); - self.constwidth = self.$elem.width(); + self.$elem.css({"height": self.options.constrainSize, "width": "auto"}); + self.constwidth = elemWidth; } if(self.options.zoomType == "inner"){ - self.zoomWrap.parent().css("height", self.options.constrainSize); - self.zoomWrap.parent().css("width", self.constwidth); - self.zoomWindow.css("height", self.options.constrainSize); - self.zoomWindow.css("width", self.constwidth); + self.zoomWrap.parent().css({"height": self.options.constrainSize, "width": self.constwidth}); + self.zoomWindow.css({"height": self.options.constrainSize, "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.tintContainer.css({"height": self.options.constrainSize, "width": self.constwidth}); + self.zoomTint.css({"height": self.options.constrainSize, "width": self.constwidth}); + self.zoomTintImage.css({"height": self.options.constrainSize, "width": self.constwidth}); } } if(self.options.constrainType == "width"){ - self.zoomContainer.css("height", "auto"); - self.zoomContainer.css("width", self.options.constrainSize); + self.zoomContainer.css({"height": "auto", "width": self.options.constrainSize}); if(self.options.imageCrossfade){ - self.zoomWrap.css("height", "auto"); - self.zoomWrap.css("width", self.options.constrainSize); - self.constheight = self.zoomWrap.height(); + self.zoomWrap.css({"height": "auto", "width": self.options.constrainSize}); + self.constheight = elemHeight; } else{ - self.$elem.css("height", "auto"); - self.$elem.css("width", self.options.constrainSize); - self.constheight = self.$elem.height(); + self.$elem.css({"height": "auto", "width": self.options.constrainSize}); + self.constheight = elemHeight; } if(self.options.zoomType == "inner"){ - self.zoomWrap.parent().css("height", self.constheight); - self.zoomWrap.parent().css("width", self.options.constrainSize); - self.zoomWindow.css("height", self.constheight); - self.zoomWindow.css("width", self.options.constrainSize); + self.zoomWrap.parent().css({"height": self.constheight, "width": self.options.constrainSize}); + self.zoomWindow.css({"height": self.constheight, "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.tintContainer.css({"height": self.constheight, "width": self.options.constrainSize}); + self.zoomTint.css({"height": self.constheight, "width": self.options.constrainSize}); + self.zoomTintImage.css({"height": self.constheight, "width": self.options.constrainSize}); } } @@ -1406,11 +1382,7 @@ if ( typeof Object.create !== 'function' ) { if(self.zoomLens){ - - self.zoomLens.css('width', lensWidth); - self.zoomLens.css('height', lensHeight); - - + self.zoomLens.css({'width': lensWidth, 'height': lensHeight}); } } }, @@ -1642,7 +1614,7 @@ if ( typeof Object.create !== 'function' ) { 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; @@ -1668,7 +1640,7 @@ if ( typeof Object.create !== 'function' ) { if(self.options.zoomType != "lens" && self.options.zoomType != "inner") { self.changeBgSize = true; - self.zoomLens.css({width: String((self.options.zoomWindowWidth)/self.widthRatio) + 'px' }) + self.zoomLens.css("width", String((self.options.zoomWindowWidth)/self.widthRatio) + 'px') } if(self.options.zoomType == "lens" || self.options.zoomType == "inner") { self.changeBgSize = true;