elevateZoom-jQuery Image zoom плагин

elevateZoom-jQuery Image zoom плагин

13.09.2019 09:16:05 Просмотров 45 Источник

Я хотел бы знать, как включить масштабирование на моем сайте при отображении на мобильном устройстве (особенно в браузере Chrome).

Я использую elevate Zoom-плагин jQuery image zoom-он работает на рабочем столе, но мобильный вид не работает.

Используемый плагин : https://www.elevateweb.co.uk/image-zoom/examples/#mousewheel

Сайт (рабочий стол работает): https://www.shadowboxmilitarygear.com/Vietnam-T-shirt-for-the-back

Мне нужен плагин для работы с мобильным телефоном, а также. Пожалуйста, может ли любая легенда помочь мне как можно скорее? Я буду очень признателен за ваши предложения. Я жду вашего ответа.

Есть ли у вас какие-либо идеи о том, что я могу сделать, чтобы включить масштабирование на мобильном chrome?

У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/57918211/elevatezoom-jquery-image-zoom-plugin#comment102554550_57918211
извините, @Daniel вопрос был решен. проблемы были, если ($(окно).width () > 768) { i изменяет ширину. спасибо за ответ мне.

Ответы - elevateZoom-jQuery Image zoom плагин / elevateZoom - jQuery image zoom plugin

Является ответом!
user12236388

18.10.2019 08:06:58

HTML

<select id="select"> 
<option value="1">Front</option>
<option value="2">Back</option>
<option value="3">Scenery</option>
<option value="4">Side</option>
</select>

ЯВАСКРИПТ

$("#zoom_09").elevateZoom({
            gallery : "gallery_09",
            galleryActiveClass: "active"
                }); 


     $("#select").change(function(e){
   var currentValue = $("#select").val();
   if(currentValue == 1){    
   smallImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/small/image1.png';
   largeImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/large/image1.jpg';
   }
   if(currentValue == 2){    
   smallImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/small/image2.png';
   largeImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/large/image2.jpg';
   }
   if(currentValue == 3){    
   smallImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/small/image3.png';
   largeImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/large/image3.jpg';
   }
   if(currentValue == 4){    
   smallImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/small/image4.png';
   largeImage = 'http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/large/image4.jpg';
   }
    // Example of using Active Gallery
  $('#gallery_09 a').removeClass('active').eq(currentValue-1).addClass('active');       


     var ez =   $('#zoom_09').data('elevateZoom');    

  ez.swaptheimage(smallImage, largeImage); 

    });

очень полезно

https://stackoverflow.com/questions/57918211/elevatezoom-jquery-image-zoom-plugin/58444263#comment103227232_58444263
действительно хороший пример конфеты. я очень ценю с вами.
Закрыть X