Version Description
- 06/22/2019
- Fix: zoom wasn't initialized for post/page images served by the ShortPixel CDN
- Add Turkish translation
Download this release
Release Info
Developer | diana_burduja |
Plugin | WP Image Zoom |
Version | 1.34 |
Comparing to | |
See all releases |
Code changes from version 1.32 to 1.34
- assets/js/jquery.image_zoom.min.js +1 -1
- image-zoooom.php +6 -6
- includes/right_columns.php +0 -23
- languages/wp-image-zoooom-tr_TR.mo +0 -0
- languages/wp-image-zoooom-tr_TR.po +536 -0
- readme.txt +16 -3
assets/js/jquery.image_zoom.min.js
CHANGED
@@ -2,4 +2,4 @@
|
|
2 |
* Copyright (c) 2016 Diana Burduja; Licensed MIT license
|
3 |
|
4 |
This is a very strongly modified version of the https://github.com/elevateweb/elevatezoom jQuery plugin. */
|
5 |
-
(function($,window,document,undefined){"use strict";var ImageZoooom={init:function(options,elem){var self=this;self.elem=elem;self.$elem=$(elem);self.options=options;self.img_big={src:self.$elem.attr("src")};if(self.$elem.data("zoom-image")){self.img_big.src=self.$elem.data("zoom-image")}else if(self.$elem.attr("srcset")){var set=self.$elem.attr("srcset").split(",");var max_width=0;var max_src="";$.each(set,function(i,src){var parts=$.trim(src).split(" ");if(parseInt(parts[1])>max_width){max_width=parseInt(parts[1]);max_src=parts[0]}});if(max_src!==""){self.img_big.src=max_src}}self.ratio={width:1,height:1};self.zw={height:parseInt(self.options.zoomWindowHeight),width:parseInt(self.options.zoomWindowWidth)};self.lens={height:self.options.lensSize,width:self.options.lensSize};self.screen={height:$(document).height(),width:$(document).width()};if(self.options.tint){self.options.lensColour="none";self.options.lensOpacity="1"}if(self.options.zoomType==="inner"){self.options.showLens=false}self.$elem.parent().removeAttr("title").removeAttr("alt");if(self.options.responsive===true&&self.screen.width<=self.options.responsiveThreshold){self.options.zoomType="inner";self.options.showLens=false}setTimeout(function(){var newImg=new Image;newImg.onload=function(){self.img_big.width=newImg.width;self.img_big.height=newImg.height;self.startZoom()};newImg.src=self.img_big.src},1)},buildZoomContainer:function(){var self=this;self.zoomContainer=$("<div />").addClass("zoomContainer").css({"-webkit-transform":"translateZ(0)",position:"absolute",left:self.img_small.offset.left+"px",top:self.img_small.offset.top+"px",height:self.img_small.height+"px",width:self.img_small.width+"px","z-index":"999"}).appendTo("body")},buildZoomLens:function(){var self=this;if(self.options.containLensZoom){self.zoomContainer.css("overflow","hidden")}var lensStyle={"background-position":"0px 0px","float":"left",display:"none",border:self.options.borderSize+"px solid "+self.options.borderColour,width:self.options.lensSize+"px",height:self.options.lensSize+"px","border-radius":self.options.borderRadius+"px",cursor:self.options.cursor,"background-repeat":"no-repeat",position:"absolute",overflow:"hidden","z-index":"999"};if(self.options.tint===true){lensStyle["-webkit-transform"]="translateZ(0)";lensStyle["opacity"]=self.options.lensOpacity;lensStyle["-ms-filter"]="progid:DXImageTransform.Microsoft.Alpha(Opacity="+self.options.lensOpacity*100+")";lensStyle["filter"]="alpha(opacity= "+self.options.lensOpacity*100+")"}if(self.options.lensShape==="round"){var lensRadius=self.options.lensSize/2+self.options.borderSize+"px";lensStyle["-webkit-border-radius"]=lensRadius;lensStyle["-moz-border-radius"]=lensRadius;lensStyle["border-radius"]=lensRadius}self.zoomLens=$("<div />").addClass("zoomLens").css(lensStyle).appendTo(self.zoomContainer).click(function(){self.$elem.trigger("click")})},buildZoomWindow:function(){var self=this;self.lens.height=self.zw.height/self.ratio.height;if(self.img_big.height<self.zw.height){self.lens.height=self.img_small.height}self.lens.width=self.zw.width/self.ratio.width;if(self.img_big.width<self.zw.width){self.lens.width=self.img_small.width}var lensStyle={"background-position":"0px 0px",display:"none",overflow:"hidden","z-index":"999","-webkit-transform":"translateZ(0)",opacity:self.options.lensOpacity,"-ms-filter":"progid:DXImageTransform.Microsoft.Alpha(Opacity="+self.options.lensOpacity*100+")",filter:"alpha(opacity= "+self.options.lensOpacity*100+")",zoom:1,width:self.lens.width+"px",height:self.lens.height+"px","background-color":self.options.lensColour,cursor:self.options.cursor,"border-radius":self.options.borderRadius+"px",border:self.options.lensBorderSize+"px solid "+self.options.lensBorderColour,"background-repeat":"no-repeat",position:"absolute","box-shadow":"-0px -0px 10px rgba(0, 0, 0, 0.4)"};if(self.options.lensOverlay!==false){lensStyle["background"]="url("+self.options.lensOverlay+") "+self.options.lensColour}self.zoomLens=$("<div />").addClass("zoomLens").css(lensStyle).appendTo(self.zoomContainer).click(function(){self.$elem.trigger("click")});var zoomWindowStyle={overflow:"hidden","background-position":"0px 0px","text-align":"center","background-color":self.options.zoomWindowBgColour,width:self.zw.width+"px",height:self.zw.height+"px","float":"left","border-radius":self.options.borderRadius+"px","background-size":self.img_big.width/self.currentZoomLevel+"px "+self.img_big.height/self.currentZoomLevel+"px",display:"none","z-index":"999",border:self.options.borderSize+"px solid "+self.options.borderColour,"background-repeat":"no-repeat",position:"absolute"};if(self.options.zoomWindowShadow>0){var zoomWindowShadowText=self.options.zoomWindowShadow*2+"px "+self.options.zoomWindowShadow*2+"px "+self.options.zoomWindowShadow+"px #ccc";zoomWindowStyle["box-shadow"]=zoomWindowShadowText;zoomWindowStyle["-moz-box-shadow"]=zoomWindowShadowText;zoomWindowStyle["-webkit-box-shadow"]=zoomWindowShadowText;zoomWindowStyle["-khtml-box-shadow"]=zoomWindowShadowText}return zoomWindowStyle},buildZoomInner:function(){var self=this;var borderWidth=self.$elem.css("border-left-width");var innerStyle={overflow:"hidden","margin-left":borderWidth,"margin-top":borderWidth,"background-position":"0px 0px",width:self.img_small.width+"px",height:self.img_small.height+"px","float":"left","border-radius":self.options.borderRadius+"px",display:"none",cursor:self.options.cursor,"background-repeat":"no-repeat",position:"absolute","z-index":"999"};return innerStyle},buildTint:function(){var self=this;if(!self.options.tint){return}var tintStyle={display:"block",position:"absolute","background-color":self.options.tintColour,filter:"alpha(opacity=0)",border:"none",opacity:0,"z-index":250,width:self.img_small.width+"px",height:self.img_small.height+"px"};self.tintContainer=$("<div />").addClass("tintContainer");self.zoomTint=$("<div />").addClass("zoomTint").css(tintStyle);self.zoomLens.wrap(self.tintContainer);self.zoomLens.after(self.zoomTint);var zoomTintImageCss={position:"absolute",left:"0px",top:"0px","z-index":"250",opacity:"0","max-width":"none",width:self.img_small.width+"px",height:self.img_small.height+"px"};if(self.options.zoomType==="window"){zoomTintImageCss.opacity=1}self.zoomTintImage=$("<img />").css(zoomTintImageCss).attr("src",self.img_big.src).appendTo(self.zoomLens).click(function(){self.$elem.trigger("click")})},startZoom:function(){var self=this;self.isWindowActive=false;self.isLensActive=false;self.isTintActive=false;self.zoomLock=1;self.scrollingLock=false;self.changeBgSize=false;self.currentZoomLevel=self.options.zoomLevel;self.img_small={src:self.$elem.attr("src"),width:self.$elem.width(),height:self.$elem.height(),offset:self.$elem.offset()};self.ratio={width:self.img_big.width/self.img_small.width/self.currentZoomLevel,height:self.img_big.height/self.img_small.height/self.currentZoomLevel};if((self.ratio.height<1||self.ratio.width<1)&&self.options.scrollZoom!==true){return false}self.img_small.offset=self.$elem.offset();self.buildZoomContainer();var zoomWindowStyle={};switch(self.options.zoomType){case"lens":self.buildZoomLens();self.buildTint();break;case"window":zoomWindowStyle=self.buildZoomWindow();self.buildTint();break;case"inner":zoomWindowStyle=self.buildZoomInner();break}var appendTo="body";if(!isNaN(self.options.zoomWindowPosition)){appendTo=self.zoomContainer}self.zoomWindow=$("<div />").addClass("zoomWindow").css(zoomWindowStyle).appendTo(appendTo).click(function(){self.$elem.trigger("click")});var customText=$("<div />").addClass("iz_watermark").css({width:self.img_small.width+"px",height:self.img_small.height+"px","vertical-align":self.options.customTextVAlign,display:"table-cell","text-align":self.options.customTextAlign,color:self.options.customTextColor,"font-size":self.options.customTextSize+"px",padding:"3px"}).html(self.options.customText);if($(".iz_watermark").length>0){$(".iz_watermark").remove()}self.zoomWindow.after(customText);self.zoomWindowContainer=$("<div/>").addClass("zoomWindowContainer").css("width",self.zw.width);self.zoomWindow.wrap(self.zoomWindowContainer);var backgroundImage={backgroundImage:"url('"+self.img_big.src+"')"};if(self.options.zoomType==="lens"){self.zoomLens.css(backgroundImage)}else{self.zoomWindow.css(backgroundImage)}self.registerTouchEvents();self.registerMouseEvents();self.registerScrollZoom();self.zoomContainer.add(self.$elem).mouseenter(function(){self.setElements(true)}).mouseleave(function(){if(!self.scrollLock){self.setElements(false)}});if(self.options.zoomType!=="inner"){self.zoomWindow.mouseenter(function(){self.setElements(false)})}else{self.showZoomWindow(false)}},registerTouchEvents:function(){var self=this;self.zoomContainer.bind("touchstart",function(e){e.preventDefault();var touch=e.originalEvent.touches[0]||e.originalEvent.changedTouches[0];self.mouse={left:parseInt(touch.pageX-self.img_small.offset.left),top:parseInt(touch.pageY-self.img_small.offset.top)};self.setPosition(touch);self.setElements(true)});self.zoomContainer.bind("touchend",function(){if(!self.scrollLock){self.setElements(false)}});self.zoomContainer.bind("touchmove",function(e){e.preventDefault();var touch=e.originalEvent.touches[0]||e.originalEvent.changedTouches[0];self.mouse={left:parseInt(touch.pageX-self.img_small.offset.left),top:parseInt(touch.pageY-self.img_small.offset.top)};self.setPosition(touch)})},registerMouseEvents:function(){var self=this;var registerMouseMove=function(e){self.mouse={left:parseInt(e.pageX-self.img_small.offset.left),top:parseInt(e.pageY-self.img_small.offset.top)};if(self.lastX!==e.clientX||self.lastY!==e.clientY){self.setPosition(e);self.currentLoc=e}self.lastX=e.clientX;self.lastY=e.clientY};var registerMouseAndShowWindow=function(e){if(self.outOfBound===false){self.setElements(true)}registerMouseMove(e)};self.$elem.bind("mousemove",registerMouseAndShowWindow);self.zoomContainer.bind("mousemove",registerMouseAndShowWindow);if(self.options.zoomType==="inner"){self.zoomWindow.bind("mousemove",registerMouseMove)}else{self.zoomLens.bind("mousemove",registerMouseMove);if(self.options.tint){self.zoomTint.bind("mousemove",registerMouseMove)}}},registerScrollZoom:function(){var self=this;if(!self.options.scrollZoom){return false}if(self.options.zoomLevel!==1){self.changeZoomLevel(self.currentZoomLevel)}var minZoomLevel=self.options.scrollZoomIncrement*2;if(self.options.minZoomLevel){minZoomLevel=self.options.minZoomLevel}var registerScrollZoomEvent=function(e){self.scrollLock=true;clearTimeout($.data(this,"timer"));$.data(this,"timer",setTimeout(function(){self.scrollLock=false},250));var theEvent=e.originalEvent.wheelDelta||e.originalEvent.detail*-1;e.stopImmediatePropagation();e.stopPropagation();e.preventDefault();var changeZoom=0;self.currentZoomLevel=parseFloat(self.currentZoomLevel);if(theEvent>0){if(self.currentZoomLevel>=minZoomLevel){changeZoom=self.currentZoomLevel-self.options.scrollZoomIncrement}}else{changeZoom=self.currentZoomLevel+self.options.scrollZoomIncrement}self.changeZoomLevel(changeZoom);return false};self.zoomContainer.add(self.$elem).bind("mousewheel DOMMouseScroll MozMousePixelScroll",registerScrollZoomEvent)},setElements:function(type){var self=this;if(!self.options.zoomEnabled){return false}if(!self.isWindowSet){return}self.showZoomWindow(type);self.showLens(type);self.showTint(type)},setPosition:function(e){var self=this;if(!self.options.zoomEnabled){return false}if(self.options.tint&&self.options.zoomType!=="inner"){self.zoomTint.css({top:0,left:0})}if(self.options.responsive&&!self.options.scrollZoom&&self.options.showLens){if(self.options.zoomType==="lens"){self.zoomLens.css({width:self.options.lensSize+"px",height:self.options.lensSize+"px"})}else{var lensHeight=self.zw.height/self.ratio.height;if(self.img_small.height<self.zw.width/self.ratio.width){lensHeight=self.img_small.height}var lensWidth=self.zw.width/self.ratio.width;if(self.img_small.width<self.zw.width/self.ratio.height){lensWidth=self.img_small.width}self.zoomLens.css({width:lensWidth+"px",height:lensHeight+"px"});if(self.options.tint){self.zoomTintImage.css({width:self.img_small.width+"px",height:self.img_small.height+"px"})}}}self.zoomContainer.css({top:self.img_small.offset.top,left:self.img_small.offset.left});var bound={top:false,bottom:false,left:false,right:false};if(self.options.zoomType==="window"){bound.height=self.zoomLens.height()/2;bound.width=self.zoomLens.width()/2}if(self.options.zoomType==="inner"){bound.height=self.img_small.height/2/self.ratio.height;bound.width=self.img_small.width/2/self.ratio.width}bound.top=self.mouse.top<bound.height;bound.bottom=self.mouse.top>self.img_small.height-bound.height-self.options.lensBorderSize*2;bound.left=self.mouse.left<bound.width;bound.right=self.mouse.left>self.img_small.width-bound.width-self.options.lensBorderSize*2;self.bound=bound;if(self.mouse.left<=0||self.mouse.top<0||self.mouse.left>self.img_small.width||self.mouse.top>self.img_small.height){self.outOfBound=true;self.setElements(false);return}else{self.outOfBound=false;var lensLeftPos=0;var lensTopPos=0;if(self.options.showLens){lensLeftPos=self.mouse.left-self.zoomLens.width()/2;lensTopPos=self.mouse.top-self.zoomLens.height()/2}if(bound.top){lensTopPos=0}if(bound.left){self.windowLeftPos=0;lensLeftPos=0;self.tintpos=0}switch(self.options.zoomType){case"window":if(bound.bottom){lensTopPos=Math.max(self.img_small.height-self.zoomLens.height()-self.options.lensBorderSize*2,0)}if(bound.right){lensLeftPos=self.img_small.width-self.zoomLens.width()-self.options.lensBorderSize*2}if(self.options.tint){self.setTintPosition(e)}break;case"inner":if(bound.bottom){lensTopPos=Math.max(self.img_small.height-self.options.lensBorderSize*2,0)}if(bound.right){lensLeftPos=-self.options.lensBorderSize*2}break;case"lens":self.windowLeftPos=self.zoomLens.width()/2-self.mouse.left*self.ratio.width;self.windowTopPos=self.zoomLens.height()/2-self.mouse.top*self.ratio.height;self.zoomLens.css({backgroundPosition:self.windowLeftPos+"px "+self.windowTopPos+"px"});self.changeBackgroundSize();if(self.options.tint){self.setTintPosition(e)}break}self.setWindowPosition(e);if(self.options.showLens){if(self.fullwidth&&self.options.zoomType!=="lens"){lensLeftPos=0}self.zoomLens.css({left:lensLeftPos+"px",top:lensTopPos+"px"})}}},showZoomWindow:function(on){var self=this;if(self.isWindowActive===on){return}self.fadeEffect(self.zoomWindow,on,self.options.zoomWindowFadeIn,self.options.zoomWindowFadeOut);self.isWindowActive=on},showLens:function(on){var self=this;if(!self.options.showLens){return}if(self.isLensActive===on){return}self.fadeEffect(self.zoomLens,on,self.options.lensFadeIn,self.options.lensFadeOut);self.isLensActive=on},showTint:function(on){var self=this;if(!self.options.tint||self.options.zoomType==="inner"){return}if(self.isTintActive===on){return}if(on){self.zoomTint.css({opacity:self.options.tintOpacity}).animate()}self.fadeEffect(self.zoomTint,on,"slow","slow");self.isTintActive=on},fadeEffect:function(element,action,time_in,time_out){if(action){if(time_in>0){element.stop(true,true,false).fadeIn(time_in)}else{element.show()}}else{if(time_out>0){element.stop(true,true).fadeOut(time_out)}else{element.hide()}}},setWindowPosition:function(e){var self=this;if(self.options.zoomType==="inner"){self.options.zoomWindowPosition=1}self.options.zoomWindowOffsetx=parseInt(self.options.zoomWindowOffsetx);self.options.zoomWindowOffsety=parseInt(self.options.zoomWindowOffsety);var windowOffsetTop=self.options.zoomWindowOffsety;var windowOffsetLeft=self.img_small.width;if(!isNaN(self.options.zoomWindowPosition)){switch(self.options.zoomWindowPosition){case 4:case 5:case 6:case 7:case 8:windowOffsetTop=self.img_small.height;break;case 12:case 13:case 14:case 15:case 16:windowOffsetTop=-self.zoomWindow.height()-self.options.borderSize*2;break;case 1:case 11:windowOffsetTop=self.options.zoomWindowOffsety;break;case 2:case 10:windowOffsetTop=self.img_small.height/2-self.zw.height/2;break;case 3:case 9:windowOffsetTop=self.img_small.height-self.zoomWindow.height()-self.options.borderSize*2;break}switch(self.options.zoomWindowPosition){case 1:case 2:case 3:case 4:case 16:windowOffsetLeft=self.img_small.width+self.options.zoomWindowOffsetx;if(self.options.responsive===true&&self.options.zoomType==="window"){if(self.$elem.offset().left+windowOffsetLeft+self.zw.width>=self.screen.width){self.zw.width=self.screen.width-self.$elem.offset().left-windowOffsetLeft-20;self.zoomWindow.css({width:self.zw.width});self.zoomLens.css({width:self.zw.width/self.ratio.width})}}break;case 8:case 9:case 10:case 11:case 12:if(self.options.responsive===true&&self.options.zoomType==="window"){if(self.zw.width+self.options.borderSize*2+self.options.zoomWindowOffsetx>=self.$elem.offset().left){self.zw.width=self.$elem.offset().left-self.options.borderSize*2-self.options.zoomWindowOffsetx-20;self.zoomWindow.css({width:self.zw.width});self.zoomLens.css({width:self.zw.width/self.ratio.width})}}windowOffsetLeft=-self.zw.width-self.options.borderSize*2-self.options.zoomWindowOffsetx*2;break;case 5:case 15:windowOffsetLeft=self.img_small.width-self.zoomWindow.width()-self.options.borderSize*2;break;case 6:case 14:windowOffsetLeft=self.img_small.width/2-self.zw.width/2-self.options.borderSize*2;break;case 7:case 13:windowOffsetLeft=0;break}}else{var externalContainer=$("#"+self.options.zoomWindowPosition).offset();windowOffsetTop=externalContainer.top;windowOffsetLeft=externalContainer.left}self.isWindowSet=true;windowOffsetTop=windowOffsetTop+self.options.zoomWindowOffsety;windowOffsetLeft=windowOffsetLeft+self.options.zoomWindowOffsetx;self.zoomWindow.css({top:windowOffsetTop,left:windowOffsetLeft});if(self.options.zoomType==="inner"){self.zoomWindow.css({top:0,left:0})}self.windowLeftPos=self.zoomWindow.width()/2-self.mouse.left*self.ratio.width;self.windowTopPos=self.zoomWindow.height()/2-self.mouse.top*self.ratio.height;if(self.bound.top){self.windowTopPos=0}if(self.bound.left){self.windowLeftPos=0}if(self.bound.bottom){self.windowTopPos=(self.img_big.height/self.currentZoomLevel-self.zoomWindow.height())*-1}if(self.bound.right){self.windowLeftPos=(self.img_big.width/self.currentZoomLevel-self.zoomWindow.width())*-1}if(self.fullheight){self.windowTopPos=0}if(self.fullwidth){self.windowLeftPos=0}if(self.options.zoomType==="window"||self.options.zoomType==="inner"){if(self.zoomLock===1){if(self.ratio.width<=1){self.windowLeftPos=0}if(self.ratio.height<=1){self.windowTopPos=0}}if(self.img_big.height<self.zw.height){self.windowTopPos=0}if(self.img_big.width<self.zw.width){self.windowLeftPos=0}if(self.options.easingAmount>0){self.easingEffect(e)}else{self.changeBackgroundSize();self.zoomWindow.css({backgroundPosition:self.windowLeftPos+"px "+self.windowTopPos+"px"})}}},changeBackgroundSize:function(){var self=this;if(!self.changeBgSize){return}var newvalue=self.newvaluewidth;if(self.img_small.height>self.img_small.width){newvalue=self.newvalueheight}var bgSize={"background-size":self.img_big.width/self.newvalue+"px "+self.img_big.height/self.newvalue+"px"};if(self.options.zoomType==="lens"){self.zoomLens.css(bgSize)}self.zoomWindow.css(bgSize);self.changeBgSize=false},easingEffect:function(){var self=this;if(!self.xp){self.xp=0}if(!self.yp){self.yp=0}if(!self.loop){self.loop=setInterval(function(){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.zoomWindow.width()/2-self.mouse.left*self.ratio.width;self.yp=self.zoomWindow.height()/2-self.mouse.top*self.ratio.height;self.changeBackgroundSize();self.zoomWindow.css({backgroundPosition:self.windowLeftPos+"px "+self.windowTopPos+"px"});self.scrollingLock=false;self.loop=false}else{self.changeBackgroundSize();self.zoomWindow.css({backgroundPosition:self.xp+"px "+self.yp+"px"})}},16)}},setTintPosition:function(){var self=this;if(!self.options.tint){return}self.tintpos=self.zoomLens.width()/2-self.mouse.left;self.tintposy=self.zoomLens.height()/2-self.mouse.top;if(self.bound.top||self.fullheight){self.tintposy=0}if(self.bound.left||self.fullwidth){self.tintpos=0}if(self.bound.bottom){self.tintposy=(self.img_small.height-self.zoomLens.height()-self.options.lensBorderSize*2)*-1}if(self.bound.right){self.tintpos=(self.img_small.width-self.zoomLens.width()-self.options.lensBorderSize*2)*-1}self.zoomTintImage.css({left:self.tintpos+"px",top:self.tintposy+"px"})},changeZoomLevel:function(value){var self=this;self.scrollingLock=true;var newvalue=parseFloat(value).toFixed(2);self.newvalue=newvalue;var maxHeight=self.img_big.height/self.zw.height;var maxWidth=self.img_big.width/self.zw.width;if(self.options.zoomType!=="inner"){if(maxHeight<=newvalue){self.newvalueheight=maxHeight;self.fullheight=true}else{self.newvalueheight=newvalue;self.fullheight=false}self.ratio.height=self.img_big.height/self.newvalueheight/self.img_small.height;if(maxWidth<=newvalue){self.newvaluewidth=maxWidth;self.fullwidth=true}else{self.newvaluewidth=newvalue;self.fullwidth=false}self.ratio.width=self.img_big.width/self.newvaluewidth/self.img_small.width}else{maxHeight=parseFloat(self.img_big.height/self.img_small.height).toFixed(2);maxWidth=parseFloat(self.img_big.width/self.img_small.width).toFixed(2);newvalue=Math.min(maxHeight,maxWidth,newvalue);self.newvalueheight=newvalue;self.ratio.height=self.img_big.height/newvalue/self.img_small.height;if(maxHeight<=newvalue){self.fullheight=true}else{self.fullheight=false}self.ratio.width=self.img_big.width/newvalue/self.img_small.width;if(maxWidth<=newvalue){self.newvaluewidth=maxWidth;self.fullwidth=true}else{self.newvaluewidth=newvalue;self.fullwidth=false}}var scrcontinue=true;if(self.options.zoomType==="inner"&&self.newvaluewidth>maxWidth){scrcontinue=false;self.fullheight=true;self.fullwidth=true}if(scrcontinue){self.zoomLock=0;self.changeZoom=true;if(self.zw.height/self.ratio.height<=self.img_small.height){self.currentZoomLevel=self.newvalueheight;self.changeBgSize=true;if(self.options.zoomType==="window"){self.zoomLens.css({height:String(self.zw.height/self.ratio.height)+"px"})}}if(self.zw.width/self.ratio.width<=self.img_small.width){if(self.options.zoomType!=="inner"&&self.newvaluewidth>self.newvalueheight){self.currentZoomLevel=self.newvaluewidth}self.changeBgSize=true;if(self.options.zoomType==="window"){self.zoomLens.css({width:String(self.zw.width/self.ratio.width)+"px"})}}if(self.options.zoomType==="inner"){self.changeBgSize=true;if(self.img_small.width!==self.img_small.height){self.currentZoomLevel=self.newvaluewidth}}}self.setPosition(self.currentLoc)}};$.fn.image_zoom=function(options){return this.each(function(){function F(){}var settings=$.extend(true,{},$.fn.image_zoom.options,options);F.prototype=ImageZoooom;var zoom=new F;zoom.init(settings,this)})};$.fn.image_zoom.options={zoomEnabled:true,zoomLevel:1,scrollZoom:false,scrollZoomIncrement:.1,minZoomLevel:false,maxZoomLevel:false,easingAmount:12,lensSize:200,zoomWindowWidth:400,zoomWindowHeight:360,zoomWindowOffsetx:0,zoomWindowOffsety:0,zoomWindowPosition:1,zoomWindowBgColour:"#fff",zoomWindowShadow:4,lensFadeIn:false,lensFadeOut:false,lensOverlay:false,zoomWindowFadeIn:false,zoomWindowFadeOut:false,zoomWindowAlwaysShow:false,zoomTintFadeIn:false,zoomTintFadeOut:false,borderSize:4,showLens:true,borderColour:"#888",borderRadius:0,lensBorderSize:1,lensBorderColour:"#000",lensShape:"square",zoomType:"window",containLensZoom:false,lensColour:"white",lensOpacity:.4,lenszoom:false,tint:false,tintColour:"#333",tintOpacity:.4,cursor:"default",responsive:false,responsiveThreshold:550,customText:"",customTextSize:12,customTextColor:"#ccc",customTextAlign:"bottom",customTextVAlign:"right",onComplete:$.noop}})(jQuery,window,document);
|
2 |
* Copyright (c) 2016 Diana Burduja; Licensed MIT license
|
3 |
|
4 |
This is a very strongly modified version of the https://github.com/elevateweb/elevatezoom jQuery plugin. */
|
5 |
+
(function($,window,document,undefined){"use strict";var ImageZoooom={init:function(options,elem){var self=this;self.elem=elem;self.$elem=$(elem);self.options=options;self.img_big={src:self.$elem.attr("src")};if(self.$elem.data("zoom-image")){self.img_big.src=self.$elem.data("zoom-image")}else if(self.$elem.attr("srcset")){var set=self.$elem.attr("srcset").split(", ");var max_width=0;var max_src="";$.each(set,function(i,src){var parts=$.trim(src).split(" ");if(parseInt(parts[1])>max_width){max_width=parseInt(parts[1]);max_src=parts[0]}});if(max_src!==""){self.img_big.src=max_src}}self.ratio={width:1,height:1};self.zw={height:parseInt(self.options.zoomWindowHeight),width:parseInt(self.options.zoomWindowWidth)};self.lens={height:self.options.lensSize,width:self.options.lensSize};self.screen={height:$(document).height(),width:$(document).width()};if(self.options.tint){self.options.lensColour="none";self.options.lensOpacity="1"}if(self.options.zoomType==="inner"){self.options.showLens=false}self.$elem.parent().removeAttr("title").removeAttr("alt");if(self.options.responsive===true&&self.screen.width<=self.options.responsiveThreshold){self.options.zoomType="inner";self.options.showLens=false}setTimeout(function(){var newImg=new Image;newImg.onload=function(){self.img_big.width=newImg.width;self.img_big.height=newImg.height;self.startZoom()};newImg.src=self.img_big.src},1)},buildZoomContainer:function(){var self=this;self.zoomContainer=$("<div />").addClass("zoomContainer").css({"-webkit-transform":"translateZ(0)",position:"absolute",left:self.img_small.offset.left+"px",top:self.img_small.offset.top+"px",height:self.img_small.height+"px",width:self.img_small.width+"px","z-index":"999"}).appendTo("body")},buildZoomLens:function(){var self=this;if(self.options.containLensZoom){self.zoomContainer.css("overflow","hidden")}var lensStyle={"background-position":"0px 0px","float":"left",display:"none",border:self.options.borderSize+"px solid "+self.options.borderColour,width:self.options.lensSize+"px",height:self.options.lensSize+"px","border-radius":self.options.borderRadius+"px",cursor:self.options.cursor,"background-repeat":"no-repeat",position:"absolute",overflow:"hidden","z-index":"999"};if(self.options.tint===true){lensStyle["-webkit-transform"]="translateZ(0)";lensStyle["opacity"]=self.options.lensOpacity;lensStyle["-ms-filter"]="progid:DXImageTransform.Microsoft.Alpha(Opacity="+self.options.lensOpacity*100+")";lensStyle["filter"]="alpha(opacity= "+self.options.lensOpacity*100+")"}if(self.options.lensShape==="round"){var lensRadius=self.options.lensSize/2+self.options.borderSize+"px";lensStyle["-webkit-border-radius"]=lensRadius;lensStyle["-moz-border-radius"]=lensRadius;lensStyle["border-radius"]=lensRadius}self.zoomLens=$("<div />").addClass("zoomLens").css(lensStyle).appendTo(self.zoomContainer).click(function(){self.$elem.trigger("click")})},buildZoomWindow:function(){var self=this;self.lens.height=self.zw.height/self.ratio.height;if(self.img_big.height<self.zw.height){self.lens.height=self.img_small.height}self.lens.width=self.zw.width/self.ratio.width;if(self.img_big.width<self.zw.width){self.lens.width=self.img_small.width}var lensStyle={"background-position":"0px 0px",display:"none",overflow:"hidden","z-index":"999","-webkit-transform":"translateZ(0)",opacity:self.options.lensOpacity,"-ms-filter":"progid:DXImageTransform.Microsoft.Alpha(Opacity="+self.options.lensOpacity*100+")",filter:"alpha(opacity= "+self.options.lensOpacity*100+")",zoom:1,width:self.lens.width+"px",height:self.lens.height+"px","background-color":self.options.lensColour,cursor:self.options.cursor,"border-radius":self.options.borderRadius+"px",border:self.options.lensBorderSize+"px solid "+self.options.lensBorderColour,"background-repeat":"no-repeat",position:"absolute","box-shadow":"-0px -0px 10px rgba(0, 0, 0, 0.4)"};if(self.options.lensOverlay!==false){lensStyle["background"]="url("+self.options.lensOverlay+") "+self.options.lensColour}self.zoomLens=$("<div />").addClass("zoomLens").css(lensStyle).appendTo(self.zoomContainer).click(function(){self.$elem.trigger("click")});var zoomWindowStyle={overflow:"hidden","background-position":"0px 0px","text-align":"center","background-color":self.options.zoomWindowBgColour,width:self.zw.width+"px",height:self.zw.height+"px","float":"left","border-radius":self.options.borderRadius+"px","background-size":self.img_big.width/self.currentZoomLevel+"px "+self.img_big.height/self.currentZoomLevel+"px",display:"none","z-index":"999",border:self.options.borderSize+"px solid "+self.options.borderColour,"background-repeat":"no-repeat",position:"absolute"};if(self.options.zoomWindowShadow>0){var zoomWindowShadowText=self.options.zoomWindowShadow*2+"px "+self.options.zoomWindowShadow*2+"px "+self.options.zoomWindowShadow+"px #ccc";zoomWindowStyle["box-shadow"]=zoomWindowShadowText;zoomWindowStyle["-moz-box-shadow"]=zoomWindowShadowText;zoomWindowStyle["-webkit-box-shadow"]=zoomWindowShadowText;zoomWindowStyle["-khtml-box-shadow"]=zoomWindowShadowText}return zoomWindowStyle},buildZoomInner:function(){var self=this;var borderWidth=self.$elem.css("border-left-width");var innerStyle={overflow:"hidden","margin-left":borderWidth,"margin-top":borderWidth,"background-position":"0px 0px",width:self.img_small.width+"px",height:self.img_small.height+"px","float":"left","border-radius":self.options.borderRadius+"px",display:"none",cursor:self.options.cursor,"background-repeat":"no-repeat",position:"absolute","z-index":"999"};return innerStyle},buildTint:function(){var self=this;if(!self.options.tint){return}var tintStyle={display:"block",position:"absolute","background-color":self.options.tintColour,filter:"alpha(opacity=0)",border:"none",opacity:0,"z-index":250,width:self.img_small.width+"px",height:self.img_small.height+"px"};self.tintContainer=$("<div />").addClass("tintContainer");self.zoomTint=$("<div />").addClass("zoomTint").css(tintStyle);self.zoomLens.wrap(self.tintContainer);self.zoomLens.after(self.zoomTint);var zoomTintImageCss={position:"absolute",left:"0px",top:"0px","z-index":"250",opacity:"0","max-width":"none",width:self.img_small.width+"px",height:self.img_small.height+"px"};if(self.options.zoomType==="window"){zoomTintImageCss.opacity=1}self.zoomTintImage=$("<img />").css(zoomTintImageCss).attr("src",self.img_big.src).appendTo(self.zoomLens).click(function(){self.$elem.trigger("click")})},startZoom:function(){var self=this;self.isWindowActive=false;self.isLensActive=false;self.isTintActive=false;self.zoomLock=1;self.scrollingLock=false;self.changeBgSize=false;self.currentZoomLevel=self.options.zoomLevel;self.img_small={src:self.$elem.attr("src"),width:self.$elem.width(),height:self.$elem.height(),offset:self.$elem.offset()};self.ratio={width:self.img_big.width/self.img_small.width/self.currentZoomLevel,height:self.img_big.height/self.img_small.height/self.currentZoomLevel};if((self.ratio.height<1||self.ratio.width<1)&&self.options.scrollZoom!==true){return false}self.img_small.offset=self.$elem.offset();self.buildZoomContainer();var zoomWindowStyle={};switch(self.options.zoomType){case"lens":self.buildZoomLens();self.buildTint();break;case"window":zoomWindowStyle=self.buildZoomWindow();self.buildTint();break;case"inner":zoomWindowStyle=self.buildZoomInner();break}var appendTo="body";if(!isNaN(self.options.zoomWindowPosition)){appendTo=self.zoomContainer}self.zoomWindow=$("<div />").addClass("zoomWindow").css(zoomWindowStyle).appendTo(appendTo).click(function(){self.$elem.trigger("click")});var customText=$("<div />").addClass("iz_watermark").css({width:self.img_small.width+"px",height:self.img_small.height+"px","vertical-align":self.options.customTextVAlign,display:"table-cell","text-align":self.options.customTextAlign,color:self.options.customTextColor,"font-size":self.options.customTextSize+"px",padding:"3px"}).html(self.options.customText);if($(".iz_watermark").length>0){$(".iz_watermark").remove()}self.zoomWindow.after(customText);self.zoomWindowContainer=$("<div/>").addClass("zoomWindowContainer").css("width",self.zw.width);self.zoomWindow.wrap(self.zoomWindowContainer);var backgroundImage={backgroundImage:"url('"+self.img_big.src+"')"};if(self.options.zoomType==="lens"){self.zoomLens.css(backgroundImage)}else{self.zoomWindow.css(backgroundImage)}self.registerTouchEvents();self.registerMouseEvents();self.registerScrollZoom();self.zoomContainer.add(self.$elem).mouseenter(function(){self.setElements(true)}).mouseleave(function(){if(!self.scrollLock){self.setElements(false)}});if(self.options.zoomType!=="inner"){self.zoomWindow.mouseenter(function(){self.setElements(false)})}else{self.showZoomWindow(false)}},registerTouchEvents:function(){var self=this;self.zoomContainer.bind("touchstart",function(e){e.preventDefault();var touch=e.originalEvent.touches[0]||e.originalEvent.changedTouches[0];self.mouse={left:parseInt(touch.pageX-self.img_small.offset.left),top:parseInt(touch.pageY-self.img_small.offset.top)};self.setPosition(touch);self.setElements(true)});self.zoomContainer.bind("touchend",function(){if(!self.scrollLock){self.setElements(false)}});self.zoomContainer.bind("touchmove",function(e){e.preventDefault();var touch=e.originalEvent.touches[0]||e.originalEvent.changedTouches[0];self.mouse={left:parseInt(touch.pageX-self.img_small.offset.left),top:parseInt(touch.pageY-self.img_small.offset.top)};self.setPosition(touch)})},registerMouseEvents:function(){var self=this;var registerMouseMove=function(e){self.mouse={left:parseInt(e.pageX-self.img_small.offset.left),top:parseInt(e.pageY-self.img_small.offset.top)};if(self.lastX!==e.clientX||self.lastY!==e.clientY){self.setPosition(e);self.currentLoc=e}self.lastX=e.clientX;self.lastY=e.clientY};var registerMouseAndShowWindow=function(e){if(self.outOfBound===false){self.setElements(true)}registerMouseMove(e)};self.$elem.bind("mousemove",registerMouseAndShowWindow);self.zoomContainer.bind("mousemove",registerMouseAndShowWindow);if(self.options.zoomType==="inner"){self.zoomWindow.bind("mousemove",registerMouseMove)}else{self.zoomLens.bind("mousemove",registerMouseMove);if(self.options.tint){self.zoomTint.bind("mousemove",registerMouseMove)}}},registerScrollZoom:function(){var self=this;if(!self.options.scrollZoom){return false}if(self.options.zoomLevel!==1){self.changeZoomLevel(self.currentZoomLevel)}var minZoomLevel=self.options.scrollZoomIncrement*2;if(self.options.minZoomLevel){minZoomLevel=self.options.minZoomLevel}var registerScrollZoomEvent=function(e){self.scrollLock=true;clearTimeout($.data(this,"timer"));$.data(this,"timer",setTimeout(function(){self.scrollLock=false},250));var theEvent=e.originalEvent.wheelDelta||e.originalEvent.detail*-1;e.stopImmediatePropagation();e.stopPropagation();e.preventDefault();var changeZoom=0;self.currentZoomLevel=parseFloat(self.currentZoomLevel);if(theEvent>0){if(self.currentZoomLevel>=minZoomLevel){changeZoom=self.currentZoomLevel-self.options.scrollZoomIncrement}}else{changeZoom=self.currentZoomLevel+self.options.scrollZoomIncrement}self.changeZoomLevel(changeZoom);return false};self.zoomContainer.add(self.$elem).bind("mousewheel DOMMouseScroll MozMousePixelScroll",registerScrollZoomEvent)},setElements:function(type){var self=this;if(!self.options.zoomEnabled){return false}if(!self.isWindowSet){return}self.showZoomWindow(type);self.showLens(type);self.showTint(type)},setPosition:function(e){var self=this;if(!self.options.zoomEnabled){return false}if(self.options.tint&&self.options.zoomType!=="inner"){self.zoomTint.css({top:0,left:0})}if(self.options.responsive&&!self.options.scrollZoom&&self.options.showLens){if(self.options.zoomType==="lens"){self.zoomLens.css({width:self.options.lensSize+"px",height:self.options.lensSize+"px"})}else{var lensHeight=self.zw.height/self.ratio.height;if(self.img_small.height<self.zw.width/self.ratio.width){lensHeight=self.img_small.height}var lensWidth=self.zw.width/self.ratio.width;if(self.img_small.width<self.zw.width/self.ratio.height){lensWidth=self.img_small.width}self.zoomLens.css({width:lensWidth+"px",height:lensHeight+"px"});if(self.options.tint){self.zoomTintImage.css({width:self.img_small.width+"px",height:self.img_small.height+"px"})}}}self.zoomContainer.css({top:self.img_small.offset.top,left:self.img_small.offset.left});var bound={top:false,bottom:false,left:false,right:false};if(self.options.zoomType==="window"){bound.height=self.zoomLens.height()/2;bound.width=self.zoomLens.width()/2}if(self.options.zoomType==="inner"){bound.height=self.img_small.height/2/self.ratio.height;bound.width=self.img_small.width/2/self.ratio.width}bound.top=self.mouse.top<bound.height;bound.bottom=self.mouse.top>self.img_small.height-bound.height-self.options.lensBorderSize*2;bound.left=self.mouse.left<bound.width;bound.right=self.mouse.left>self.img_small.width-bound.width-self.options.lensBorderSize*2;self.bound=bound;if(self.mouse.left<=0||self.mouse.top<0||self.mouse.left>self.img_small.width||self.mouse.top>self.img_small.height){self.outOfBound=true;self.setElements(false);return}else{self.outOfBound=false;var lensLeftPos=0;var lensTopPos=0;if(self.options.showLens){lensLeftPos=self.mouse.left-self.zoomLens.width()/2;lensTopPos=self.mouse.top-self.zoomLens.height()/2}if(bound.top){lensTopPos=0}if(bound.left){self.windowLeftPos=0;lensLeftPos=0;self.tintpos=0}switch(self.options.zoomType){case"window":if(bound.bottom){lensTopPos=Math.max(self.img_small.height-self.zoomLens.height()-self.options.lensBorderSize*2,0)}if(bound.right){lensLeftPos=self.img_small.width-self.zoomLens.width()-self.options.lensBorderSize*2}if(self.options.tint){self.setTintPosition(e)}break;case"inner":if(bound.bottom){lensTopPos=Math.max(self.img_small.height-self.options.lensBorderSize*2,0)}if(bound.right){lensLeftPos=-self.options.lensBorderSize*2}break;case"lens":self.windowLeftPos=self.zoomLens.width()/2-self.mouse.left*self.ratio.width;self.windowTopPos=self.zoomLens.height()/2-self.mouse.top*self.ratio.height;self.zoomLens.css({backgroundPosition:self.windowLeftPos+"px "+self.windowTopPos+"px"});self.changeBackgroundSize();if(self.options.tint){self.setTintPosition(e)}break}self.setWindowPosition(e);if(self.options.showLens){if(self.fullwidth&&self.options.zoomType!=="lens"){lensLeftPos=0}self.zoomLens.css({left:lensLeftPos+"px",top:lensTopPos+"px"})}}},showZoomWindow:function(on){var self=this;if(self.isWindowActive===on){return}self.fadeEffect(self.zoomWindow,on,self.options.zoomWindowFadeIn,self.options.zoomWindowFadeOut);self.isWindowActive=on},showLens:function(on){var self=this;if(!self.options.showLens){return}if(self.isLensActive===on){return}self.fadeEffect(self.zoomLens,on,self.options.lensFadeIn,self.options.lensFadeOut);self.isLensActive=on},showTint:function(on){var self=this;if(!self.options.tint||self.options.zoomType==="inner"){return}if(self.isTintActive===on){return}if(on){self.zoomTint.css({opacity:self.options.tintOpacity}).animate()}self.fadeEffect(self.zoomTint,on,"slow","slow");self.isTintActive=on},fadeEffect:function(element,action,time_in,time_out){if(action){if(time_in>0){element.stop(true,true,false).fadeIn(time_in)}else{element.show()}}else{if(time_out>0){element.stop(true,true).fadeOut(time_out)}else{element.hide()}}},setWindowPosition:function(e){var self=this;if(self.options.zoomType==="inner"){self.options.zoomWindowPosition=1}self.options.zoomWindowOffsetx=parseInt(self.options.zoomWindowOffsetx);self.options.zoomWindowOffsety=parseInt(self.options.zoomWindowOffsety);var windowOffsetTop=self.options.zoomWindowOffsety;var windowOffsetLeft=self.img_small.width;if(!isNaN(self.options.zoomWindowPosition)){switch(self.options.zoomWindowPosition){case 4:case 5:case 6:case 7:case 8:windowOffsetTop=self.img_small.height;break;case 12:case 13:case 14:case 15:case 16:windowOffsetTop=-self.zoomWindow.height()-self.options.borderSize*2;break;case 1:case 11:windowOffsetTop=self.options.zoomWindowOffsety;break;case 2:case 10:windowOffsetTop=self.img_small.height/2-self.zw.height/2;break;case 3:case 9:windowOffsetTop=self.img_small.height-self.zoomWindow.height()-self.options.borderSize*2;break}switch(self.options.zoomWindowPosition){case 1:case 2:case 3:case 4:case 16:windowOffsetLeft=self.img_small.width+self.options.zoomWindowOffsetx;if(self.options.responsive===true&&self.options.zoomType==="window"){if(self.$elem.offset().left+windowOffsetLeft+self.zw.width>=self.screen.width){self.zw.width=self.screen.width-self.$elem.offset().left-windowOffsetLeft-20;self.zoomWindow.css({width:self.zw.width});self.zoomLens.css({width:self.zw.width/self.ratio.width})}}break;case 8:case 9:case 10:case 11:case 12:if(self.options.responsive===true&&self.options.zoomType==="window"){if(self.zw.width+self.options.borderSize*2+self.options.zoomWindowOffsetx>=self.$elem.offset().left){self.zw.width=self.$elem.offset().left-self.options.borderSize*2-self.options.zoomWindowOffsetx-20;self.zoomWindow.css({width:self.zw.width});self.zoomLens.css({width:self.zw.width/self.ratio.width})}}windowOffsetLeft=-self.zw.width-self.options.borderSize*2-self.options.zoomWindowOffsetx*2;break;case 5:case 15:windowOffsetLeft=self.img_small.width-self.zoomWindow.width()-self.options.borderSize*2;break;case 6:case 14:windowOffsetLeft=self.img_small.width/2-self.zw.width/2-self.options.borderSize*2;break;case 7:case 13:windowOffsetLeft=0;break}}else{var externalContainer=$("#"+self.options.zoomWindowPosition).offset();windowOffsetTop=externalContainer.top;windowOffsetLeft=externalContainer.left}self.isWindowSet=true;windowOffsetTop=windowOffsetTop+self.options.zoomWindowOffsety;windowOffsetLeft=windowOffsetLeft+self.options.zoomWindowOffsetx;self.zoomWindow.css({top:windowOffsetTop,left:windowOffsetLeft});if(self.options.zoomType==="inner"){self.zoomWindow.css({top:0,left:0})}self.windowLeftPos=self.zoomWindow.width()/2-self.mouse.left*self.ratio.width;self.windowTopPos=self.zoomWindow.height()/2-self.mouse.top*self.ratio.height;if(self.bound.top){self.windowTopPos=0}if(self.bound.left){self.windowLeftPos=0}if(self.bound.bottom){self.windowTopPos=(self.img_big.height/self.currentZoomLevel-self.zoomWindow.height())*-1}if(self.bound.right){self.windowLeftPos=(self.img_big.width/self.currentZoomLevel-self.zoomWindow.width())*-1}if(self.fullheight){self.windowTopPos=0}if(self.fullwidth){self.windowLeftPos=0}if(self.options.zoomType==="window"||self.options.zoomType==="inner"){if(self.zoomLock===1){if(self.ratio.width<=1){self.windowLeftPos=0}if(self.ratio.height<=1){self.windowTopPos=0}}if(self.img_big.height<self.zw.height){self.windowTopPos=0}if(self.img_big.width<self.zw.width){self.windowLeftPos=0}if(self.options.easingAmount>0){self.easingEffect(e)}else{self.changeBackgroundSize();self.zoomWindow.css({backgroundPosition:self.windowLeftPos+"px "+self.windowTopPos+"px"})}}},changeBackgroundSize:function(){var self=this;if(!self.changeBgSize){return}var newvalue=self.newvaluewidth;if(self.img_small.height>self.img_small.width){newvalue=self.newvalueheight}var bgSize={"background-size":self.img_big.width/self.newvalue+"px "+self.img_big.height/self.newvalue+"px"};if(self.options.zoomType==="lens"){self.zoomLens.css(bgSize)}self.zoomWindow.css(bgSize);self.changeBgSize=false},easingEffect:function(){var self=this;if(!self.xp){self.xp=0}if(!self.yp){self.yp=0}if(!self.loop){self.loop=setInterval(function(){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.zoomWindow.width()/2-self.mouse.left*self.ratio.width;self.yp=self.zoomWindow.height()/2-self.mouse.top*self.ratio.height;self.changeBackgroundSize();self.zoomWindow.css({backgroundPosition:self.windowLeftPos+"px "+self.windowTopPos+"px"});self.scrollingLock=false;self.loop=false}else{self.changeBackgroundSize();self.zoomWindow.css({backgroundPosition:self.xp+"px "+self.yp+"px"})}},16)}},setTintPosition:function(){var self=this;if(!self.options.tint){return}self.tintpos=self.zoomLens.width()/2-self.mouse.left;self.tintposy=self.zoomLens.height()/2-self.mouse.top;if(self.bound.top||self.fullheight){self.tintposy=0}if(self.bound.left||self.fullwidth){self.tintpos=0}if(self.bound.bottom){self.tintposy=(self.img_small.height-self.zoomLens.height()-self.options.lensBorderSize*2)*-1}if(self.bound.right){self.tintpos=(self.img_small.width-self.zoomLens.width()-self.options.lensBorderSize*2)*-1}self.zoomTintImage.css({left:self.tintpos+"px",top:self.tintposy+"px"})},changeZoomLevel:function(value){var self=this;self.scrollingLock=true;var newvalue=parseFloat(value).toFixed(2);self.newvalue=newvalue;var maxHeight=self.img_big.height/self.zw.height;var maxWidth=self.img_big.width/self.zw.width;if(self.options.zoomType!=="inner"){if(maxHeight<=newvalue){self.newvalueheight=maxHeight;self.fullheight=true}else{self.newvalueheight=newvalue;self.fullheight=false}self.ratio.height=self.img_big.height/self.newvalueheight/self.img_small.height;if(maxWidth<=newvalue){self.newvaluewidth=maxWidth;self.fullwidth=true}else{self.newvaluewidth=newvalue;self.fullwidth=false}self.ratio.width=self.img_big.width/self.newvaluewidth/self.img_small.width}else{maxHeight=parseFloat(self.img_big.height/self.img_small.height).toFixed(2);maxWidth=parseFloat(self.img_big.width/self.img_small.width).toFixed(2);newvalue=Math.min(maxHeight,maxWidth,newvalue);self.newvalueheight=newvalue;self.ratio.height=self.img_big.height/newvalue/self.img_small.height;if(maxHeight<=newvalue){self.fullheight=true}else{self.fullheight=false}self.ratio.width=self.img_big.width/newvalue/self.img_small.width;if(maxWidth<=newvalue){self.newvaluewidth=maxWidth;self.fullwidth=true}else{self.newvaluewidth=newvalue;self.fullwidth=false}}var scrcontinue=true;if(self.options.zoomType==="inner"&&self.newvaluewidth>maxWidth){scrcontinue=false;self.fullheight=true;self.fullwidth=true}if(scrcontinue){self.zoomLock=0;self.changeZoom=true;if(self.zw.height/self.ratio.height<=self.img_small.height){self.currentZoomLevel=self.newvalueheight;self.changeBgSize=true;if(self.options.zoomType==="window"){self.zoomLens.css({height:String(self.zw.height/self.ratio.height)+"px"})}}if(self.zw.width/self.ratio.width<=self.img_small.width){if(self.options.zoomType!=="inner"&&self.newvaluewidth>self.newvalueheight){self.currentZoomLevel=self.newvaluewidth}self.changeBgSize=true;if(self.options.zoomType==="window"){self.zoomLens.css({width:String(self.zw.width/self.ratio.width)+"px"})}}if(self.options.zoomType==="inner"){self.changeBgSize=true;if(self.img_small.width!==self.img_small.height){self.currentZoomLevel=self.newvaluewidth}}}self.setPosition(self.currentLoc)}};$.fn.image_zoom=function(options){return this.each(function(){function F(){}var settings=$.extend(true,{},$.fn.image_zoom.options,options);F.prototype=ImageZoooom;var zoom=new F;zoom.init(settings,this)})};$.fn.image_zoom.options={zoomEnabled:true,zoomLevel:1,scrollZoom:false,scrollZoomIncrement:.1,minZoomLevel:false,maxZoomLevel:false,easingAmount:12,lensSize:200,zoomWindowWidth:400,zoomWindowHeight:360,zoomWindowOffsetx:0,zoomWindowOffsety:0,zoomWindowPosition:1,zoomWindowBgColour:"#fff",zoomWindowShadow:4,lensFadeIn:false,lensFadeOut:false,lensOverlay:false,zoomWindowFadeIn:false,zoomWindowFadeOut:false,zoomWindowAlwaysShow:false,zoomTintFadeIn:false,zoomTintFadeOut:false,borderSize:4,showLens:true,borderColour:"#888",borderRadius:0,lensBorderSize:1,lensBorderColour:"#000",lensShape:"square",zoomType:"window",containLensZoom:false,lensColour:"white",lensOpacity:.4,lenszoom:false,tint:false,tintColour:"#333",tintOpacity:.4,cursor:"default",responsive:false,responsiveThreshold:550,customText:"",customTextSize:12,customTextColor:"#ccc",customTextAlign:"bottom",customTextVAlign:"right",onComplete:$.noop}})(jQuery,window,document);
|
image-zoooom.php
CHANGED
@@ -3,7 +3,7 @@
|
|
3 |
* Plugin Name: WP Image Zoom
|
4 |
* Plugin URI: https://wordpress.org/plugins/wp-image-zoooom/
|
5 |
* Description: Add zoom effect over the an image, whether it is an image in a post/page or the featured image of a product in a WooCommerce shop
|
6 |
-
* Version: 1.
|
7 |
* Author: SilkyPress
|
8 |
* Author URI: https://www.silkypress.com
|
9 |
* License: GPL2
|
@@ -12,7 +12,7 @@
|
|
12 |
* Domain Path: /languages/
|
13 |
*
|
14 |
* WC requires at least: 2.3.0
|
15 |
-
* WC tested up to: 3.
|
16 |
*/
|
17 |
|
18 |
if ( ! defined( 'ABSPATH' ) ) {
|
@@ -27,7 +27,7 @@ if ( ! class_exists( 'ImageZoooom' ) ) :
|
|
27 |
*/
|
28 |
final class ImageZoooom {
|
29 |
public $plugin;
|
30 |
-
public $version = '1.
|
31 |
public $theme = '';
|
32 |
protected static $_instance = null;
|
33 |
|
@@ -281,15 +281,15 @@ final class ImageZoooom {
|
|
281 |
),
|
282 |
array(
|
283 |
'rule' => '.edgtf-wrapper { z-index: 40 !important; }',
|
284 |
-
'themes' => array('quadric', 'oxides', 'kvadrat', 'magazinevibe', 'kolumn', 'skyetheme', 'conall', 'dorianwp', 'node', 'ratio', 'escher', 'fair', 'assemble', 'any', 'walker', 'freestyle', 'shuffle', 'vangard', 'fuzion', 'crimson', 'cozy', 'xpo', 'onschedule', 'illustrator', 'oberon', 'fluid', 'barista', 'kamera', 'revolver', 'baker', 'rebellion', 'goodwish', 'maison', 'silverscreen', 'sovereign', 'atmosphere', 'dekko', 'objektiv', 'okami', 'coyote', 'bumblebee', 'blaze', 'mediadesk', 'penumbra', 'pxlz', 'gastrobar', 'aalto', 'dishup', 'voevod', 'orkan', 'fierce'),
|
285 |
),
|
286 |
array(
|
287 |
'rule' => '.edge-wrapper { z-index: 40 !important; }',
|
288 |
-
'themes' => array('dieter', 'anders', 'adorn'),
|
289 |
),
|
290 |
array(
|
291 |
'rule' => '.edgt-wrapper { z-index: 40 !important; }',
|
292 |
-
'themes' => array('shade', 'eldritch', 'morsel', 'educator'),
|
293 |
),
|
294 |
array(
|
295 |
'rule' => '.sidebar-menu-push { z-index: 40 !important; }',
|
3 |
* Plugin Name: WP Image Zoom
|
4 |
* Plugin URI: https://wordpress.org/plugins/wp-image-zoooom/
|
5 |
* Description: Add zoom effect over the an image, whether it is an image in a post/page or the featured image of a product in a WooCommerce shop
|
6 |
+
* Version: 1.34
|
7 |
* Author: SilkyPress
|
8 |
* Author URI: https://www.silkypress.com
|
9 |
* License: GPL2
|
12 |
* Domain Path: /languages/
|
13 |
*
|
14 |
* WC requires at least: 2.3.0
|
15 |
+
* WC tested up to: 3.6
|
16 |
*/
|
17 |
|
18 |
if ( ! defined( 'ABSPATH' ) ) {
|
27 |
*/
|
28 |
final class ImageZoooom {
|
29 |
public $plugin;
|
30 |
+
public $version = '1.34';
|
31 |
public $theme = '';
|
32 |
protected static $_instance = null;
|
33 |
|
281 |
),
|
282 |
array(
|
283 |
'rule' => '.edgtf-wrapper { z-index: 40 !important; }',
|
284 |
+
'themes' => array('quadric', 'oxides', 'kvadrat', 'magazinevibe', 'kolumn', 'skyetheme', 'conall', 'dorianwp', 'node', 'ratio', 'escher', 'fair', 'assemble', 'any', 'walker', 'freestyle', 'shuffle', 'vangard', 'fuzion', 'crimson', 'cozy', 'xpo', 'onschedule', 'illustrator', 'oberon', 'fluid', 'barista', 'kamera', 'revolver', 'baker', 'rebellion', 'goodwish', 'maison', 'silverscreen', 'sovereign', 'atmosphere', 'dekko', 'objektiv', 'okami', 'coyote', 'bumblebee', 'blaze', 'mediadesk', 'penumbra', 'pxlz', 'gastrobar', 'aalto', 'dishup', 'voevod', 'orkan', 'fierce', 'grayson', 'hyperon', 'pintsandcrafts', 'haar', 'polyphonic', 'offbeat', 'hereford', 'kvell', 'sarto', 'journo', 'cinerama', 'ottar', 'playerx', 'kenozoik', 'elaine', 'entropia', 'tetsuo', 'bitpal', 'tahoe', 'urbango', 'smilte', 'neralbo', 'galatia', 'mintus', 'manon'),
|
285 |
),
|
286 |
array(
|
287 |
'rule' => '.edge-wrapper { z-index: 40 !important; }',
|
288 |
+
'themes' => array('dieter', 'anders', 'adorn', 'creedence', 'noizzy'),
|
289 |
),
|
290 |
array(
|
291 |
'rule' => '.edgt-wrapper { z-index: 40 !important; }',
|
292 |
+
'themes' => array('shade', 'eldritch', 'morsel', 'educator', 'milieu'),
|
293 |
),
|
294 |
array(
|
295 |
'rule' => '.sidebar-menu-push { z-index: 40 !important; }',
|
includes/right_columns.php
CHANGED
@@ -62,29 +62,6 @@ $offer_link = 'https://www.silkypress.com/wp-image-zoom-plugin/?a=' . iz_convert
|
|
62 |
</div>
|
63 |
</div>
|
64 |
<?php endif; ?>
|
65 |
-
|
66 |
-
<?php if ( class_exists('woocommerce') ) : ?>
|
67 |
-
<div class="panel main_container">
|
68 |
-
<div class="container_title" style="position: relative;">
|
69 |
-
<span class="ribbon bottom-left ribbon-danger">
|
70 |
-
<small>new</small>
|
71 |
-
</span>
|
72 |
-
<h3>Elegant Product Gallery with Zoom</h3>
|
73 |
-
</div>
|
74 |
-
<div class="metabox-holder product-gallery-plugin" style="text-align: center;">
|
75 |
-
|
76 |
-
<p>If you're looking on replacing entirely the WooCommerce gallery with a very elegant one, then check out this plugin.</p>
|
77 |
-
|
78 |
-
<p>
|
79 |
-
<span style="color: #bc1117;">I know you'll love it.</span>.
|
80 |
-
</p>
|
81 |
-
<p style="text-align: center;">
|
82 |
-
<a href="https://www.silkypress.com/elegant-product-gallery-zoom/" target="_blank" class="button" rel="noreferrer">Ok, let's see it</a>
|
83 |
-
</p>
|
84 |
-
</div>
|
85 |
-
</div>
|
86 |
-
<?php endif; ?>
|
87 |
-
|
88 |
|
89 |
<div class="panel main_container">
|
90 |
<div class="container_title">
|
62 |
</div>
|
63 |
</div>
|
64 |
<?php endif; ?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
65 |
|
66 |
<div class="panel main_container">
|
67 |
<div class="container_title">
|
languages/wp-image-zoooom-tr_TR.mo
ADDED
Binary file
|
languages/wp-image-zoooom-tr_TR.po
ADDED
@@ -0,0 +1,536 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
# Copyright (C) 2017 WP Image Zoom
|
2 |
+
# This file is distributed under the same license as the WP Image Zoom package.
|
3 |
+
msgid ""
|
4 |
+
msgstr ""
|
5 |
+
"Project-Id-Version: WP Image Zoom 1.12\n"
|
6 |
+
"Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/wp-image-zoooom\n"
|
7 |
+
"POT-Creation-Date: 2017-07-09 12:33:44+00:00\n"
|
8 |
+
"MIME-Version: 1.0\n"
|
9 |
+
"Content-Type: text/plain; charset=UTF-8\n"
|
10 |
+
"Content-Transfer-Encoding: 8bit\n"
|
11 |
+
"PO-Revision-Date: 2019-05-31 03:21+0300\n"
|
12 |
+
"Language-Team: İbrahim Arıkan | https://ibrahimarikan.tk\n"
|
13 |
+
"X-Generator: Poedit 2.2.3\n"
|
14 |
+
"Last-Translator: İbrahim Arıkan <gsi33@gmail.com>\n"
|
15 |
+
"Plural-Forms: nplurals=2; plural=(n != 1);\n"
|
16 |
+
"Language: tr_TR\n"
|
17 |
+
|
18 |
+
#: image-zoooom.php:51 image-zoooom.php:58 includes/image-zoom.php:36
|
19 |
+
#: includes/image-zoom.php:43
|
20 |
+
msgid "Cheatin’ huh?"
|
21 |
+
msgstr "Hile mi Yapıyorsun ’ Haa ?"
|
22 |
+
|
23 |
+
#: image-zoooom.php:158
|
24 |
+
msgid "WP Image Zoooom"
|
25 |
+
msgstr "WP Image Zoooom"
|
26 |
+
|
27 |
+
#: image-zoooom.php:481
|
28 |
+
msgid "Settings"
|
29 |
+
msgstr "Ayarlar"
|
30 |
+
|
31 |
+
#: includes/image-zoom-admin-general.php:33
|
32 |
+
#: includes/image-zoom-admin-template.php:22
|
33 |
+
msgid "WP Image Zoom by %1$s"
|
34 |
+
msgstr "WP Image Zoom Yapımcı %1$s"
|
35 |
+
|
36 |
+
#: includes/image-zoom-admin-general.php:40
|
37 |
+
#: includes/image-zoom-admin-template.php:29
|
38 |
+
msgid "General Settings"
|
39 |
+
msgstr "Genel Ayarlar"
|
40 |
+
|
41 |
+
#: includes/image-zoom-admin-general.php:42
|
42 |
+
#: includes/image-zoom-admin-template.php:31
|
43 |
+
msgid "Zoom Settings"
|
44 |
+
msgstr "Yakınlaştırma Ayarları"
|
45 |
+
|
46 |
+
#: includes/image-zoom-admin-general.php:80
|
47 |
+
#: includes/image-zoom-admin-template.php:195
|
48 |
+
msgid "Save changes"
|
49 |
+
msgstr "Değişiklikleri Kaydet"
|
50 |
+
|
51 |
+
#: includes/image-zoom-admin-template.php:47
|
52 |
+
msgid "Step 1"
|
53 |
+
msgstr "1.Adım"
|
54 |
+
|
55 |
+
#: includes/image-zoom-admin-template.php:47
|
56 |
+
msgid "Choose the Lens Shape"
|
57 |
+
msgstr "Lens Şeklini Seçin"
|
58 |
+
|
59 |
+
#: includes/image-zoom-admin-template.php:72
|
60 |
+
msgid "Step 2"
|
61 |
+
msgstr "2.Adım"
|
62 |
+
|
63 |
+
#: includes/image-zoom-admin-template.php:72
|
64 |
+
msgid "Check your configuration changes on the image"
|
65 |
+
msgstr "Resimdeki Yapılandırma Değişikliklerinizi Kontrol Edin"
|
66 |
+
|
67 |
+
#: includes/image-zoom-admin-template.php:78
|
68 |
+
msgid "Step 3"
|
69 |
+
msgstr "3.Adım"
|
70 |
+
|
71 |
+
#: includes/image-zoom-admin-template.php:78
|
72 |
+
msgid "Make more fine-grained configurations on the zoom"
|
73 |
+
msgstr "Yakınlaştırma için daha iyi ayarlanmış yapılandırmalar yapın"
|
74 |
+
|
75 |
+
#: includes/image-zoom-admin-template.php:82
|
76 |
+
msgid "General"
|
77 |
+
msgstr "Genel"
|
78 |
+
|
79 |
+
#: includes/image-zoom-admin-template.php:85
|
80 |
+
msgid "Lens"
|
81 |
+
msgstr "Lens"
|
82 |
+
|
83 |
+
#: includes/image-zoom-admin-template.php:88
|
84 |
+
msgid "Zoom Window"
|
85 |
+
msgstr "Yakınlaştırma Penceresi"
|
86 |
+
|
87 |
+
#: includes/image-zoom-admin-template.php:91
|
88 |
+
msgid "Custom Text"
|
89 |
+
msgstr "Özel Metin"
|
90 |
+
|
91 |
+
#: includes/image-zoom-admin-template.php:192
|
92 |
+
msgid "Step 4"
|
93 |
+
msgstr "4.Adım"
|
94 |
+
|
95 |
+
#: includes/image-zoom-admin-template.php:192
|
96 |
+
msgid "Don't forget to save the changes in order to apply them on the website"
|
97 |
+
msgstr ""
|
98 |
+
"Değişikliklerin web sitede etkinleşmesi için ayarlarınızı kaydetmeyi "
|
99 |
+
"unutmayın"
|
100 |
+
|
101 |
+
#. Plugin Name of the plugin/theme
|
102 |
+
#: includes/admin-side.php:31 includes/admin-side.php:32
|
103 |
+
msgid "WP Image Zoom"
|
104 |
+
msgstr "WP Görsel Yakınlaştırıcı"
|
105 |
+
|
106 |
+
#: includes/admin-side.php:113 includes/admin-side.php:130
|
107 |
+
msgid "Your settings have been saved."
|
108 |
+
msgstr "Ayarlarınız Başarıyla Kaydedildi."
|
109 |
+
|
110 |
+
#: includes/admin-side.php:302 includes/admin-side.php:319
|
111 |
+
msgid "Unrecognized <b>%1$s</b>. The value was reset to <b>%2$s</b>"
|
112 |
+
msgstr "Tanınmayan <b>%1$s</b>. Değer <b>%2$s</b> olarak sıfırlandı"
|
113 |
+
|
114 |
+
#: includes/admin-side.php:339
|
115 |
+
msgid ""
|
116 |
+
"<b>%1$s</b> accepts values between %2$s and %3$s. Your value was reset to <b>"
|
117 |
+
"%4$s</b>"
|
118 |
+
msgstr ""
|
119 |
+
"<b>%1$s</b> Sağda belirtilen değerler arasındakileri kabul ediyor, %2$s ve "
|
120 |
+
"%3$s. Değer <b>%4$s</b> olarak sıfırlandı"
|
121 |
+
|
122 |
+
#: includes/image-zoom-notices.php:173
|
123 |
+
msgid "Dismiss this notice"
|
124 |
+
msgstr "Bildirimi Reddet"
|
125 |
+
|
126 |
+
#: includes/image-zoom-warnings.php:58
|
127 |
+
msgid ""
|
128 |
+
"<b>If the zoom does not show up</b> on your website, it could be because you "
|
129 |
+
"need to add the “image_zoooom-init” and the “image_zoooom” to the “Scripts "
|
130 |
+
"to NOT minify” option in the BWP Minify settings, as shown in <a href=\"%1$s"
|
131 |
+
"\" target=\"_blank\">this screenshot</a>."
|
132 |
+
msgstr ""
|
133 |
+
"Web site üzerinde <b>Eğer ki Yakınlaştırma görünmezse</b>, yanda ki "
|
134 |
+
"“image_zoooom-init” ve “image_zoooom” kodlarını, yine “Scripts to NOT "
|
135 |
+
"minify” seçeneği ile BWP Minify ayarlarında, <a href=\"%1$s\" target=\"_blank"
|
136 |
+
"\">Bu Ekran Görüntüsü</a> 'nde gösterildiği gibi eklemeniz gerekebilir."
|
137 |
+
|
138 |
+
#: includes/image-zoom-warnings.php:120
|
139 |
+
msgid ""
|
140 |
+
"The WP Image Zoom plugin <b>will not work</b> on the WooCommerce products "
|
141 |
+
"gallery with the Avada theme. The Avada theme changes entirely the default "
|
142 |
+
"WooCommerce gallery with the <a href=\"%1$s\" target=\"_blank\">Flexslider "
|
143 |
+
"gallery</a> and the zoom plugin does not support the Flexslider gallery. "
|
144 |
+
"Please check the <a href=\"%2$s\" target=\"_blank\">PRO version</a> of the "
|
145 |
+
"plugin for compatibility with the Flexslider gallery."
|
146 |
+
msgstr ""
|
147 |
+
"WP Image Zoom eklentisi, Avada temasında WooCommerce ürünleri galerisinde "
|
148 |
+
"<b>çalışmayacak</b>. Avada teması <a href=\"%1$s\" target=\"_blank"
|
149 |
+
"\">Flexslider Galerisi</a> ile tamamen varsayılan WooComerce galerisini "
|
150 |
+
"değiştiriyor. Ve Zoom eklentisi Flexslider Galerisi'ni desteklemiyor. "
|
151 |
+
"Flexslider Galerisiyle uyumluluk için lütfen, eklentinin <a href=\"%2$s\" "
|
152 |
+
"target=\"_blank\">PRO versiyon</a> sürümünü kontrol edin."
|
153 |
+
|
154 |
+
#: includes/image-zoom-warnings.php:137
|
155 |
+
msgid ""
|
156 |
+
"The WP Image Zoom plugin <b>will not work</b> on the WooCommerce products "
|
157 |
+
"gallery with the Shopkeeper theme. The Shopkeeper theme changes entirely the "
|
158 |
+
"default WooCommerce gallery with a custom made gallery not supported by the "
|
159 |
+
"free version of the WP Image Zoom plugin. Please check the <a href=\"%1$s\" "
|
160 |
+
"target=\"_blank\">PRO version</a> of the plugin for compatibility with the "
|
161 |
+
"Shopkeeper's gallery."
|
162 |
+
msgstr ""
|
163 |
+
"WP Image Zoom eklentisi, Shopkeeper temasında WooCommerce ürünleri "
|
164 |
+
"galerisinde <b>çalışmayacak</b>. Shopkeeper teması eklentinin ücretsiz "
|
165 |
+
"sürümü tarafından desteklenmeyen özel yapım bir galeri ile tamamen "
|
166 |
+
"varsayılan WooComerce galerisini değiştiriyor. Shopkeeper Galerisiyle "
|
167 |
+
"uyumluluk için lütfen, eklentinin <a href=\"%1$s\" target=\"_blank\">PRO "
|
168 |
+
"version</a> sürümünü kontrol edin."
|
169 |
+
|
170 |
+
#: includes/image-zoom-warnings.php:173
|
171 |
+
msgid ""
|
172 |
+
"WP Image Zoom plugin is not compatible with the <a href=\"admin.php?"
|
173 |
+
"page=jetpack\">Jetpack Photon</a> module. If you find that the zoom is not "
|
174 |
+
"working, try to deactivate the Photon module and see if that solves it."
|
175 |
+
msgstr ""
|
176 |
+
"WP Image Zoom eklentisi <a href=\"admin.php?page=jetpack\">Jetpack Photon</"
|
177 |
+
"a> modülü ile kesinlikle uyumlu değildir. Eklentinin çalışmadığını tespit "
|
178 |
+
"ederseniz, Photon modülünü devre dışı bırakın ve tekrar deneyin."
|
179 |
+
|
180 |
+
#: includes/premium-tooltips.php:3
|
181 |
+
msgid "Only available in <a href=\"%1$s\" target=\"_blank\">PRO version</a>"
|
182 |
+
msgstr ""
|
183 |
+
"Yalnızca <a href=\"%1$s\" target=\"_blank\">PRO versiyon</a> da "
|
184 |
+
"kullanılabilir"
|
185 |
+
|
186 |
+
#: includes/right_columns.php:48
|
187 |
+
msgid "WP Image Zoooom Pro"
|
188 |
+
msgstr "WP Image Zoooom Pro"
|
189 |
+
|
190 |
+
#: includes/right_columns.php:61
|
191 |
+
msgid "Upgrade to PRO"
|
192 |
+
msgstr "PRO versiyona Yükseltin"
|
193 |
+
|
194 |
+
#: includes/right_columns.php:92
|
195 |
+
msgid "Like this Plugin?"
|
196 |
+
msgstr "Eklentiyi beğendiniz mi ?"
|
197 |
+
|
198 |
+
#: includes/right_columns.php:95
|
199 |
+
msgid ""
|
200 |
+
"Share your opinion with the world on the WordPress.org Plugin Repository."
|
201 |
+
msgstr "Fikrinizi dünya ile WordPress.org'ta Eklenti Havuzunda paylaşın."
|
202 |
+
|
203 |
+
#: includes/right_columns.php:96
|
204 |
+
msgid "Rate it on WordPress.org"
|
205 |
+
msgstr "WordPress.org'ta oy verin"
|
206 |
+
|
207 |
+
#: includes/settings.php:18
|
208 |
+
msgid "Lens Shape"
|
209 |
+
msgstr "Lens Şekli"
|
210 |
+
|
211 |
+
#: includes/settings.php:20
|
212 |
+
msgid "No Lens"
|
213 |
+
msgstr "Lens Yok"
|
214 |
+
|
215 |
+
#: includes/settings.php:21
|
216 |
+
msgid "Circle Lens"
|
217 |
+
msgstr "Yuvarlak Lens"
|
218 |
+
|
219 |
+
#: includes/settings.php:22
|
220 |
+
msgid "Square Lens"
|
221 |
+
msgstr "Kare Lens"
|
222 |
+
|
223 |
+
#: includes/settings.php:23
|
224 |
+
msgid "With Zoom Window"
|
225 |
+
msgstr "Pencere üzerinde Yakınlaştır"
|
226 |
+
|
227 |
+
#: includes/settings.php:30
|
228 |
+
msgid "Cursor Type"
|
229 |
+
msgstr "İmleç Şekli"
|
230 |
+
|
231 |
+
#: includes/settings.php:32 includes/settings.php:234
|
232 |
+
msgid "Default"
|
233 |
+
msgstr "Varsayılan"
|
234 |
+
|
235 |
+
#: includes/settings.php:33
|
236 |
+
msgid "Pointer"
|
237 |
+
msgstr "İşaretçi"
|
238 |
+
|
239 |
+
#: includes/settings.php:34
|
240 |
+
msgid "Crosshair"
|
241 |
+
msgstr "Hedef"
|
242 |
+
|
243 |
+
#: includes/settings.php:35
|
244 |
+
msgid "Zoom"
|
245 |
+
msgstr "Büyüteç"
|
246 |
+
|
247 |
+
#: includes/settings.php:42
|
248 |
+
msgid "Animation Easing Effect"
|
249 |
+
msgstr "Animasyon Kaydırma Efekti"
|
250 |
+
|
251 |
+
#: includes/settings.php:44
|
252 |
+
msgid ""
|
253 |
+
"A number between 0 and 200 to represent the degree of the Animation Easing "
|
254 |
+
"Effect"
|
255 |
+
msgstr ""
|
256 |
+
"Animasyon hareket hızı efektinin derecesini gösteren 0 ile 200 arasında bir "
|
257 |
+
"sayı girin"
|
258 |
+
|
259 |
+
#: includes/settings.php:49
|
260 |
+
msgid "Lens Size"
|
261 |
+
msgstr "Lens Büyüklüğü"
|
262 |
+
|
263 |
+
#: includes/settings.php:52
|
264 |
+
msgid ""
|
265 |
+
"For Circle Lens it means the diameters, for Square Lens it means the width"
|
266 |
+
msgstr "Yuvarlak Lens için Çap, Kare Lens için Genişlik anlamına gelir"
|
267 |
+
|
268 |
+
#: includes/settings.php:56 includes/settings.php:109
|
269 |
+
msgid "Border Thickness"
|
270 |
+
msgstr "Kenar Kalınlığı"
|
271 |
+
|
272 |
+
#: includes/settings.php:62 includes/settings.php:122
|
273 |
+
msgid "Border Color"
|
274 |
+
msgstr "Kenar Rengi"
|
275 |
+
|
276 |
+
#: includes/settings.php:67 includes/settings.php:133
|
277 |
+
msgid "Fade Time"
|
278 |
+
msgstr "Solma Süresi"
|
279 |
+
|
280 |
+
#: includes/settings.php:70
|
281 |
+
msgid "The amount of time it takes for the Lens to slowly appear or dissapear"
|
282 |
+
msgstr "Merceğin yumuşak bir şekilde görünmesi ve kaybolması için geçen süre"
|
283 |
+
|
284 |
+
#: includes/settings.php:74
|
285 |
+
msgid "Tint"
|
286 |
+
msgstr "Ton"
|
287 |
+
|
288 |
+
#: includes/settings.php:76
|
289 |
+
msgid ""
|
290 |
+
"A color that will layed on top the of non-magnified image in order to "
|
291 |
+
"emphasize the lens"
|
292 |
+
msgstr ""
|
293 |
+
"Lensi vurgulamak için büyütülmüş görüntünün üstüne yerleştirilecek bir renk"
|
294 |
+
|
295 |
+
#: includes/settings.php:80
|
296 |
+
msgid "Tint Color"
|
297 |
+
msgstr "Renk Tonu"
|
298 |
+
|
299 |
+
#: includes/settings.php:85
|
300 |
+
msgid "Tint Opacity"
|
301 |
+
msgstr "Opaklık Tonu"
|
302 |
+
|
303 |
+
#: includes/settings.php:91
|
304 |
+
msgid "Zoom Window Width"
|
305 |
+
msgstr "Yakınlaştırma Penceresi Genişliği"
|
306 |
+
|
307 |
+
#: includes/settings.php:97
|
308 |
+
msgid "Zoom Window Height"
|
309 |
+
msgstr "Yakınlaştırma Penceresi Uzunluğu"
|
310 |
+
|
311 |
+
#: includes/settings.php:103
|
312 |
+
msgid "Distance from the Main Image"
|
313 |
+
msgstr "Ana Görüntüden Uzaklık"
|
314 |
+
|
315 |
+
#: includes/settings.php:115
|
316 |
+
msgid "Shadow Thickness"
|
317 |
+
msgstr "Gölge Kalınlığı"
|
318 |
+
|
319 |
+
#: includes/settings.php:119
|
320 |
+
msgid "Use 0px to remove the shadow"
|
321 |
+
msgstr "Gölgeyi Kaldırmak için 0px olarak belirtin"
|
322 |
+
|
323 |
+
#: includes/settings.php:127
|
324 |
+
msgid "Rounded Corners"
|
325 |
+
msgstr "Yuvarlak Köşeler"
|
326 |
+
|
327 |
+
#: includes/settings.php:136
|
328 |
+
msgid ""
|
329 |
+
"The amount of time it takes for the Zoom Window to slowly appear or disappear"
|
330 |
+
msgstr ""
|
331 |
+
"Yakınlaştırma Penceresinin yavaşça görünmesi veya kaybolması için geçen süre"
|
332 |
+
|
333 |
+
#: includes/settings.php:140
|
334 |
+
msgid "Enable the zoom on WooCommerce products"
|
335 |
+
msgstr "WooCommerce ürünlerinde Yakınlaştırmayı Etkinleştir"
|
336 |
+
|
337 |
+
#: includes/settings.php:145
|
338 |
+
msgid "Exchange the thumbnail with main image on WooCommerce products"
|
339 |
+
msgstr "WooCommerce ürünlerinde ana resimle küçük resmi değiştirin"
|
340 |
+
|
341 |
+
#: includes/settings.php:148
|
342 |
+
msgid ""
|
343 |
+
"On a WooCommerce gallery, when clicking on a thumbnail, not only the main "
|
344 |
+
"image will be replaced with the thumbnail's image, but also the thumbnail "
|
345 |
+
"will be replaced with the main image"
|
346 |
+
msgstr ""
|
347 |
+
"WooCommerce galerisinde küçük resme tıklandığında sadece ana resim küçük "
|
348 |
+
"resimle değiştirilmez, ayrıca küçük resim ana resimle değiştirilir"
|
349 |
+
|
350 |
+
#: includes/settings.php:151
|
351 |
+
msgid "Enable the zoom on mobile devices"
|
352 |
+
msgstr "Yakınlaştırmayı Mobil Cihazlar'da Etkinleştir"
|
353 |
+
|
354 |
+
#: includes/settings.php:154
|
355 |
+
msgid "Tablets are also considered mobile devices"
|
356 |
+
msgstr "Tabletler'de Mobil Cihazlar olarak kabul edilir"
|
357 |
+
|
358 |
+
#: includes/settings.php:157
|
359 |
+
msgid "Enable the zoom on WooCommerce category pages"
|
360 |
+
msgstr "Yakınlaştırmayı WooCommerce Kategori sayfasında Etkinleştir"
|
361 |
+
|
362 |
+
#: includes/settings.php:163
|
363 |
+
msgid "Force it to work on WooCommerce"
|
364 |
+
msgstr "WooCommerce'de çalışmaya zorla"
|
365 |
+
|
366 |
+
#: includes/settings.php:173
|
367 |
+
msgid "Remove the Lightbox on thumbnail images"
|
368 |
+
msgstr "Küçük resimler üzerindeki LightBox'u kaldırın"
|
369 |
+
|
370 |
+
#: includes/settings.php:179
|
371 |
+
msgid "Remove the Lightbox"
|
372 |
+
msgstr "LightBox'u kaldır"
|
373 |
+
|
374 |
+
#: includes/settings.php:185
|
375 |
+
msgid "Enable on WooCommerce variation products"
|
376 |
+
msgstr "WooCommerce varyasyon ürünlerinde etkinleştir"
|
377 |
+
|
378 |
+
#: includes/settings.php:191
|
379 |
+
msgid "Enable on attachments pages"
|
380 |
+
msgstr "Ek sayfalarda Etkinleştir"
|
381 |
+
|
382 |
+
#: includes/settings.php:197
|
383 |
+
msgid "FlexSlider container class"
|
384 |
+
msgstr "FlexSlide konteyner sınıfı"
|
385 |
+
|
386 |
+
#: includes/settings.php:203
|
387 |
+
msgid ""
|
388 |
+
"Enable inside <a href=\"http://fancyapps.com/fancybox/\" target=\"_blank"
|
389 |
+
"\">fancyBox</a> lightbox"
|
390 |
+
msgstr ""
|
391 |
+
"<a href=\"http://fancyapps.com/fancybox/\" target=\"_blank\">fancyBox</a> "
|
392 |
+
"için LightBox'u etkinleştir"
|
393 |
+
|
394 |
+
#: includes/settings.php:209
|
395 |
+
msgid ""
|
396 |
+
"Enable inside <a href=\"https://jetpack.com/ support/carousel/\" target="
|
397 |
+
"\"_blank\">Jetpack Carousel</a> lightbox"
|
398 |
+
msgstr ""
|
399 |
+
"<a href=\"https://jetpack.com/ support/carousel/\" target=\"_blank\">Jetpack "
|
400 |
+
"Carousel</a> için LightBox'u etkinleştir"
|
401 |
+
|
402 |
+
#: includes/settings.php:216
|
403 |
+
msgid "Huge IT Gallery id"
|
404 |
+
msgstr "Huge IT Galeri Kimlik Numarası ( ID )"
|
405 |
+
|
406 |
+
#: includes/settings.php:222
|
407 |
+
msgid "Enable the zoom on ..."
|
408 |
+
msgstr "Yakınlaştırmayı etkinleştir ..."
|
409 |
+
|
410 |
+
#: includes/settings.php:232
|
411 |
+
msgid "Zoom Level"
|
412 |
+
msgstr "Yakınlaştırma Seviyesi"
|
413 |
+
|
414 |
+
#: includes/settings.php:235
|
415 |
+
msgid "1,5 times"
|
416 |
+
msgstr "1,5 Defa"
|
417 |
+
|
418 |
+
#: includes/settings.php:236
|
419 |
+
msgid "2 times"
|
420 |
+
msgstr "2 Defa"
|
421 |
+
|
422 |
+
#: includes/settings.php:237
|
423 |
+
msgid "2,5 times"
|
424 |
+
msgstr "2,5 Defa"
|
425 |
+
|
426 |
+
#: includes/settings.php:238
|
427 |
+
msgid "3 times"
|
428 |
+
msgstr "3 Defa"
|
429 |
+
|
430 |
+
#: includes/settings.php:246
|
431 |
+
msgid "Lens Color"
|
432 |
+
msgstr "Lens Rengi"
|
433 |
+
|
434 |
+
#: includes/settings.php:252
|
435 |
+
msgid "Show as Grid"
|
436 |
+
msgstr "Izgara şeklinde göster"
|
437 |
+
|
438 |
+
#: includes/settings.php:258
|
439 |
+
msgid "Responsive"
|
440 |
+
msgstr "Uyumlu (Responsive)"
|
441 |
+
|
442 |
+
#: includes/settings.php:264
|
443 |
+
msgid "Responsive Threshold"
|
444 |
+
msgstr "Uyumlu(Responsive) Eşik"
|
445 |
+
|
446 |
+
#: includes/settings.php:271
|
447 |
+
msgid "Positioning"
|
448 |
+
msgstr "Konumlandırma"
|
449 |
+
|
450 |
+
#: includes/settings.php:273
|
451 |
+
msgid "Right Top"
|
452 |
+
msgstr "Sağ Üst"
|
453 |
+
|
454 |
+
#: includes/settings.php:274
|
455 |
+
msgid "Right Bottom"
|
456 |
+
msgstr "Sağ Alt"
|
457 |
+
|
458 |
+
#: includes/settings.php:275
|
459 |
+
msgid "Right Center"
|
460 |
+
msgstr "Sağ Orta"
|
461 |
+
|
462 |
+
#: includes/settings.php:276
|
463 |
+
msgid "Left Top"
|
464 |
+
msgstr "Sol Üst"
|
465 |
+
|
466 |
+
#: includes/settings.php:277
|
467 |
+
msgid "Left Bottom"
|
468 |
+
msgstr "Sol Alt"
|
469 |
+
|
470 |
+
#: includes/settings.php:278
|
471 |
+
msgid "Left Center"
|
472 |
+
msgstr "Sol Orta"
|
473 |
+
|
474 |
+
#: includes/settings.php:287
|
475 |
+
msgid "Mousewheel Zoom"
|
476 |
+
msgstr "Fare Tekerleği ile Yakınlaştır-Uzaklaştır"
|
477 |
+
|
478 |
+
#: includes/settings.php:293
|
479 |
+
msgid "Text on the image"
|
480 |
+
msgstr "Görsel üzerinde Yazı"
|
481 |
+
|
482 |
+
#: includes/settings.php:299
|
483 |
+
msgid "Text Size"
|
484 |
+
msgstr "Yazı Boyutu"
|
485 |
+
|
486 |
+
#: includes/settings.php:306
|
487 |
+
msgid "Text Color"
|
488 |
+
msgstr "Yazı Rengi"
|
489 |
+
|
490 |
+
#: includes/settings.php:312
|
491 |
+
msgid "Text Align"
|
492 |
+
msgstr "Yazı Hizası"
|
493 |
+
|
494 |
+
#: includes/settings.php:314
|
495 |
+
msgid "Top Left"
|
496 |
+
msgstr "Sol Üst Köşe"
|
497 |
+
|
498 |
+
#: includes/settings.php:315
|
499 |
+
msgid "Top Center"
|
500 |
+
msgstr "Yukarı Ortala"
|
501 |
+
|
502 |
+
#: includes/settings.php:316
|
503 |
+
msgid "Top Right"
|
504 |
+
msgstr "Sağ Üst Köşe"
|
505 |
+
|
506 |
+
#: includes/settings.php:317
|
507 |
+
msgid "Bottom Left"
|
508 |
+
msgstr "Sol Alt Köşe"
|
509 |
+
|
510 |
+
#: includes/settings.php:318
|
511 |
+
msgid "Bottom Center"
|
512 |
+
msgstr "Aşağı Ortala"
|
513 |
+
|
514 |
+
#: includes/settings.php:319
|
515 |
+
msgid "Bottom Right"
|
516 |
+
msgstr "Sağ Alt Köşe"
|
517 |
+
|
518 |
+
#. Plugin URI of the plugin/theme
|
519 |
+
msgid "https://wordpress.org/plugins/wp-image-zoooom/"
|
520 |
+
msgstr "https://wordpress.org/plugins/wp-image-zoooom/"
|
521 |
+
|
522 |
+
#. Description of the plugin/theme
|
523 |
+
msgid ""
|
524 |
+
"Add zoom effect over the an image, whether it is an image in a post/page or "
|
525 |
+
"the featured image of a product in a WooCommerce shop"
|
526 |
+
msgstr ""
|
527 |
+
"Bir yazı/sayfa'daki veya WooCommerce mağazasındaki bir ürünün öne çıkan bir "
|
528 |
+
"resmi olduğu anlamak için, Görsele Yakınlaştırma efekti uygulayın"
|
529 |
+
|
530 |
+
#. Author of the plugin/theme
|
531 |
+
msgid "SilkyPress"
|
532 |
+
msgstr "SilkyPress"
|
533 |
+
|
534 |
+
#. Author URI of the plugin/theme
|
535 |
+
msgid "https://www.silkypress.com"
|
536 |
+
msgstr "https://www.silkypress.com"
|
readme.txt
CHANGED
@@ -4,8 +4,8 @@ Contributors: diana_burduja
|
|
4 |
Email: diana@burduja.eu
|
5 |
Tags: e-commerce, featured image, hover over image zoom, image, image zoom, image zoom plugin, image magnification, image magnifier, jquery picture zoom, magnifier, magnify image, magnifying glass, mouse over image zoom, panorama, picture zoom, product image, product zoom, product magnification, product magnifier, responsive, woocommerce product zoom, woocommerce zoom, woocommerce magnifying glass, zoom, zoom image, zoom plugin, woocommerce image zoom, woocommerce product image zoom, woocommerce zoom magnifier
|
6 |
Requires at least: 3.0.1
|
7 |
-
Tested up to: 5.
|
8 |
-
Stable tag: 1.
|
9 |
License: GPLv3
|
10 |
License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
11 |
Requires PHP: 5.2.4
|
@@ -34,7 +34,7 @@ Your visitors will be able to see the beautiful details of your images. This wil
|
|
34 |
= Using the plugin with a page bulider =
|
35 |
For applying the zoom on an image on a page/post from within a page builder, you need to add the "zoooom" CSS class to the image. Here are screenshots on how to do this with the most popular page builders:
|
36 |
* Gutenberg - [screenshot](https://www.silkypress.com/wp-content/uploads/2018/10/zoom-gutenberg.png)
|
37 |
-
* Visual Composer - [screenshot](https://www.silkypress.com/wp-content/uploads/2017/05/image-zoom-js_composer.png)
|
38 |
* Page Builder by SiteOrigin - [screenshot](https://www.silkypress.com/wp-content/uploads/2016/02/zoom-siteorigin.png)
|
39 |
* Elementor Page Builder - [screenshot](https://www.silkypress.com/wp-content/uploads/2016/09/image-zoom-elementor.png). It works with all the Image Size options, except Custom.
|
40 |
* Beaver Builder - [screenshot](https://www.silkypress.com/wp-content/uploads/2017/06/image-zoom-beaver-builder.png)
|
@@ -152,7 +152,20 @@ Alternatively you can upgrade to the Pro version, as there the zoom lens is buil
|
|
152 |
|
153 |
== Changelog ==
|
154 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
155 |
= 1.32 =
|
|
|
156 |
* Compatibility with WooCommerce gallery for the theGem theme
|
157 |
* Fix: Add the `Custom CSS Class` option for Enfold theme builder elements
|
158 |
* Tweak: update the Bootstrap library used in the admin side to 3.4.1 version
|
4 |
Email: diana@burduja.eu
|
5 |
Tags: e-commerce, featured image, hover over image zoom, image, image zoom, image zoom plugin, image magnification, image magnifier, jquery picture zoom, magnifier, magnify image, magnifying glass, mouse over image zoom, panorama, picture zoom, product image, product zoom, product magnification, product magnifier, responsive, woocommerce product zoom, woocommerce zoom, woocommerce magnifying glass, zoom, zoom image, zoom plugin, woocommerce image zoom, woocommerce product image zoom, woocommerce zoom magnifier
|
6 |
Requires at least: 3.0.1
|
7 |
+
Tested up to: 5.2
|
8 |
+
Stable tag: 1.34
|
9 |
License: GPLv3
|
10 |
License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
11 |
Requires PHP: 5.2.4
|
34 |
= Using the plugin with a page bulider =
|
35 |
For applying the zoom on an image on a page/post from within a page builder, you need to add the "zoooom" CSS class to the image. Here are screenshots on how to do this with the most popular page builders:
|
36 |
* Gutenberg - [screenshot](https://www.silkypress.com/wp-content/uploads/2018/10/zoom-gutenberg.png)
|
37 |
+
* WPBakery (former Visual Composer) - depending on the page builder's version: 1) [screenshot](https://www.silkypress.com/wp-content/uploads/2017/05/image-zoom-js_composer.png) with the "large" or "full" for the Image Size setting. Or 2) [screenshot](https://www.silkypress.com/wp-content/uploads/2019/06/wpbakery-zoooom.png).
|
38 |
* Page Builder by SiteOrigin - [screenshot](https://www.silkypress.com/wp-content/uploads/2016/02/zoom-siteorigin.png)
|
39 |
* Elementor Page Builder - [screenshot](https://www.silkypress.com/wp-content/uploads/2016/09/image-zoom-elementor.png). It works with all the Image Size options, except Custom.
|
40 |
* Beaver Builder - [screenshot](https://www.silkypress.com/wp-content/uploads/2017/06/image-zoom-beaver-builder.png)
|
152 |
|
153 |
== Changelog ==
|
154 |
|
155 |
+
= 1.34 =
|
156 |
+
* 06/22/2019
|
157 |
+
* Fix: zoom wasn't initialized for post/page images served by the ShortPixel CDN
|
158 |
+
* Add Turkish translation
|
159 |
+
|
160 |
+
|
161 |
+
= 1.33 =
|
162 |
+
* 05/08/2019
|
163 |
+
* Fix: the zoom is hidden behind a wrapper for all the Edge-Themes
|
164 |
+
* Declare compatibility with WooCommerce 3.6
|
165 |
+
* Declare compatibility with WordPress 5.2
|
166 |
+
|
167 |
= 1.32 =
|
168 |
+
* 03/19/2019
|
169 |
* Compatibility with WooCommerce gallery for the theGem theme
|
170 |
* Fix: Add the `Custom CSS Class` option for Enfold theme builder elements
|
171 |
* Tweak: update the Bootstrap library used in the admin side to 3.4.1 version
|