@Stas2020

Как блокировать выполнение скрипта при адаптивном дизайне?

Добрый день!
Подскажите, пожалуйста!
На странице html есть картинки. При нажатии на картинку выполняется скрипт, увеличивающий картинку.
Через css и media для страницы есть несколько вариантов. Как проще всего сделать так, чтобы на мобильной версии скрипт не выполнялся (т.е. картинка не увеличивалась)?
Спасибо!
  • Вопрос задан
  • 162 просмотра
Решения вопроса 2
Найти этот кусок кода с скриптом и выполнить условие
function windowSize(){
    if($(window).width() >'768'){
                 <code>код</code>
		// экран больше 768 px в ширину --- выполняем скрипт
       }
}
$(window).load(windowSize);
$(window).resize(windowSize);
$(window).on('load resize',windowSize);
Ответ написан
@Che603000
c 2011 javascript
Определить на клиенте в каком состоянии находится media можно через объект Window.matchMedia().
Подробнее
https://developer.mozilla.org/ru/docs/Web/API/Wind...
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Kozack
@Kozack Куратор тега JavaScript
На сервере, определить что это мобильная версия и не отдавать скрипты для картинок.

Или

На клиенте, определить что это мобильная версия и не запускать скрипт для картинок
Ответ написан
iamd503
@iamd503
Верстальщик
наложите на блок с картинкой прозрачный блок, который будет виден только на мобильной версии
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
RUVOD Москва
от 150 000 до 200 000 ₽
от 27 000 до 50 000 ₽
eGamings Воронеж
от 80 000 до 110 000 ₽
07 апр. 2020, в 19:10
2000 руб./за проект
07 апр. 2020, в 18:58
4000 руб./за проект