Заранее спасибо за помощь!
Мы используем платформу CMS, которая не очень хорошо отображает изображения на мобильных устройствах и хотела бы скрыть их, поскольку они слишком велики, чтобы их там показывать (изображения содержат текст, который не читается при таком размере).
Есть ли способ нацелить эти изображения с помощью JS и скрыть их только на мобильных устройствах? Мы не хотим скрывать все изображения - только определенные изображения баннера в определенных пропорциях. Например, все изображения с высотой от 100 до 150 и шириной от 800 до 1200?
РЕДАКТИРОВАТЬ: Вот несколько макетов, чтобы лучше проиллюстрировать проблему:
Настольный макет
Мобильный макет
Как видите, баннер отображается на рабочем столе, как и ожидалось. На мобильном телефоне текст баннера изображения слишком мал, чтобы его можно было прочитать. Я хотел бы удалить баннер с изображениями с мобильных телефонов, но не могу настроить таргетинг только на баннеры с помощью CSS, поскольку это повлияет и на другие изображения.
Я думал о попытке нацелить изображения в пределах определенного соотношения сторон (высота между 100-150 и ширина между 800-1200) и скрыть их через JS, но пока это не сработало. Я также попытался использовать следующий скрипт (который нацелен на точные размеры), но не повезло:
$('img').each(function() {
'use strict';
var img = $(this);
if (img.width() === 600 && img.height() === 120) {
img.hide();
}
});
Спасибо!