Как прокрутить изображение с помощью плагина elevateZoom-plus на мобильном телефоне? - PullRequest
Новая
       17

Как прокрутить изображение с помощью плагина elevateZoom-plus на мобильном телефоне?

0 голосов
/ 24 сентября 2018

Я использую плагин ez-plus, чтобы увеличить продукт в моем приложении Laravel.Несмотря на то, что нет проблем с размером экрана рабочего стола, у меня возникла проблема с прокруткой изображения на мобильном телефоне.После поиска решения я обнаружил, что вы не можете прокручивать, потому что событие touchmove объекта изображения удаляет обычное движение страницы.Я видел множество решений для этого, таких как удаление e.preventDefault (), который определен в функции обратного вызова для события touchmove.По-прежнему безуспешно.

Я использую 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>

...