я установил плагин xzoom. Мне нужно чтобы при переходе в мобильную версию сайта, зум не работал. Там есть опция,которая отключает зум, но применив ее, зум отключается и в полной версии. Опция,которая запрещает зум: mposition:fullscreen. Вопрос в том, как можно применять эту опцию только для мобильных устройств?
$('.xzoom, .xzoom-gallery').xzoom({mposition:fullscreen, scroll: false, position: 'lens', lensShape: 'box', bg:true, sourceClass: 'xzoom-hidden'});
Зум применяется для картинок карты товара. html карты я получаю из js файла. В итоге полный код карты:
function goodsOut(data){
if(data!=0){
var pack=JSON.parse(data);
console.log(pack);
var out="";
out+='<div class="col-lg-12 single">';
out+='<div class="col-lg-5 ">';
out+='<div class="xzoom-container ">';
out+=`<img class="xzoom" id="xzoom-default" width="250" xoriginal="pages/orderPage/goods/${pack.img}" src="pages/orderPage/goods/${pack.img}">`;
out+='<div class="xzoom-thumbs">';
out+=`<a href="pages/orderPage/goods/${pack.img}">`
out+=`<img class="xzoom-gallery" width="75" src="pages/orderPage/goods/${pack.img}" >`;
out+='</a>'
out+=`<a href="pages/orderPage/goods/${pack.img}">`
out+=`<img class="xzoom-gallery" width="75" src="pages/orderPage/goods/${pack.img}" >`;
out+='</a>'
out+=`<a href="pages/orderPage/goods/${pack.img}">`
out+=`<img class="xzoom-gallery" width="75" src="pages/orderPage/goods/${pack.img}" >`;
out+='</a>'
out+='</div>';
out+='</div>';
out+='</div>';
$('.goods-out').html(out);
$('.ad-to-crt').on('click',addToCart);
$('.later').on('click',addToLater);
$('.val-plus').on('click', plusGoods);
$('.val-min').on('click',minusGoods);
if (window.innerWidth < 768) {
$('.xzoom, .xzoom-gallery').xzoom({ scroll: false, position: 'lens' /*right*/, lensShape: 'box', bg:true, sourceClass: 'xzoom-hidden'});
}
else {
$('.xzoom, .xzoom-gallery').xzoom(mposition:fullscreen, scroll: false, position: 'lens', lensShape: 'box', bg:true, sourceClass: 'xzoom-hidden'});
}