モバイルで画像ズームを無効にする

Question

画像ズームを使用していますが、それはデスクトップ上でうまく機能しています。私はモバイルでそれを間違いにしたい。ここにリンクがありますhttp://emoncmt2.byethost15.com/jul/shop-details.html 幅が768px未満の場合はfalseにすることはできますか？

これらのコードを使用してアクティブにしています。

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

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

Answer 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' 
       }); 
     } 
    }