Javascript ElevateToom-jQuery图像缩放插件

我想知道如何在手机上（尤其是在Chrome浏览器中）显示我的网站时启用缩放功能

我正在使用提升缩放-一个jQuery图像缩放插件-它在桌面上工作，但移动视图不工作

使用的插件：

站点（桌面正在工作）：

我需要的插件，以与移动工作以及

你知道我能做些什么来启用移动chrome上的缩放功能吗？

HTML

---

非常有用

我快速浏览了Shadowbox网站，手机坏得很厉害-我认为手机缩放是你最不关心的问题。这是一个自定义主题，您可以更改这些属性吗？此CSS正在移动视图

.productpage.product left{padding right:24px；width:50.5%；}.productpage.product right{padding:0 24px 0；width:49.5%；}

抱歉，@Daniel问题已解决。问题是（$（window.width（）>768）{i更改宽度。感谢您的回复。

<select id="select"> 
<option value="1">Front</option>
<option value="2">Back</option>
<option value="3">Scenery</option>
<option value="4">Side</option>
</select>

$("#zoom_09").elevateZoom({
            gallery : "gallery_09",
            galleryActiveClass: "active"
                }); 


     $("#select").change(function(e){
   var currentValue = $("#select").val();
   if(currentValue == 1){    
   smallImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/small/image1.png';
   largeImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/large/image1.jpg';
   }
   if(currentValue == 2){    
   smallImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/small/image2.png';
   largeImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/large/image2.jpg';
   }
   if(currentValue == 3){    
   smallImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/small/image3.png';
   largeImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/large/image3.jpg';
   }
   if(currentValue == 4){    
   smallImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/small/image4.png';
   largeImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/large/image4.jpg';
   }
    // Example of using Active Gallery
  $('#gallery_09 a').removeClass('active').eq(currentValue-1).addClass('active');       


     var ez =   $('#zoom_09').data('elevateZoom');    

  ez.swaptheimage(smallImage, largeImage); 

    });