Question

我正在使用ez-plus插件在laravel应用上缩放产品。虽然桌面屏幕尺寸没有问题，但是在移动设备上滚动浏览图像时出现问题。寻找解决方案后，我发现您无法滚动，因为图像对象的touchmove事件消除了通常的页面移动。我看到了许多解决方案，例如删除了touchmove事件的回调函数中定义的e.preventDefault（）。仍然没有成功。

我正在使用jQuery ez-plus 1.2.4。任何帮助将不胜感激。

<div class="my_elevate_zoom p-t-10">
<img id="img_01" class="zoom-img" src="{{ $product->small_image() }}" data-zoom-image="{{ $product->large_image() }}" />
<div id="gal1" class="product centered">
    @foreach($product->images as $product_image)
        @if(isset($product->images))
            <a href="#" data-image="{{ $product_image->small_image() }}" data-zoom-image="{{ $product_image->large_image() }}">
            <img id="img_01" src="{{ $product_image->thumb_image() }}" data-image="{{ $product_image->small_image() }}" data-zoom-image="{{ $product_image->large_image() }}"width="100"/>
            </a>
        @else
            <a href="#" data-image="http://placehold.it/500x500" data-zoom-image="http://placehold.it/900x900">
                <img id="img_01" src="http://placehold.it/200x200" width="100"/>
            </a>
        @endif
    @endforeach
</div>

如何在手机上使用elevateZoom-plus插件滚动图片？

0 个答案: