在移动设备中禁用图片缩放

时间:2017-08-21 20:12:55

标签: jquery image-zoom

我使用图像缩放功能,它可以很好地在桌面上工作。我想在移动设备上做错。这是链接http://emoncmt2.byethost15.com/jul/shop-details.html 当宽度小于768px时,是否可以将其设为假?

我使用这些代码来激活它。

$(document).ready(function() {
                /* simple call */

                $('.myzoom').jqzoom({
            zoomType: 'standard',
            lens:true,
            preloadImages: false,
            alwaysOn:false,
            zoomWidth: 600,  
            zoomHeight: 420,
            position:'right' 
        });
        });

1 个答案:

答案 0 :(得分:1)

您应该检测移动设备并将初始化代码包装成条件:

   $(document).ready(function() {   
     if( !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
         $('.myzoom').jqzoom({
                    zoomType: 'standard',
                    lens:true,
                    preloadImages: false,
                    alwaysOn:false,
                    zoomWidth: 600,  
                    zoomHeight: 420,
                    position:'right' 
                });
        }
    }