title: jQuery image zoom that allows scroll on mobile
body: <p>I have been through panzoom.js, EasyZoom.js, elevate-zoom, and jack moore's jQuery zoom trying to find a plugin that does an inner zoom. All of these zoom plugins function on desktop and mobile, except on mobile when my image covers the whole window in landscape orientation.  No plugin I have found has a taphold-move zoom for mobile, so that you can still scroll the page if your image fills the window.  </p>
  
  <p>I've tried editing the touch functions in these plugins to no avail.  What is the best practice in this situation?</p>
  
  <pre><code>$(window).on('load', function() {
      if ($(window).width() &gt; 992) {
          $.each($('img.panzoom'), function(index) {
                  $(this)
                  .wrap('&lt;span style="display:inline-block"&gt;&lt;/span&gt;')
                  .css('display', 'block')
                  .parent()
                  .zoom({
                      on: 'mouseover',
                      url: $(this).attr('data-zoom-image'),
                      target: $(this).parent()
                  });
          });
      } else {
        // mobile functional zoom plugin code
      }
  </code></pre>