Запретить загрузку изображений в html

Question

Я разрабатываю мобильную версию веб-сайта, к сожалению, из-за использования устаревшей CMS я не могу изменить или предложить альтернативный шаблон для страниц - поэтому у меня есть только css и javascript (и, возможно, .htacess).) в моем распоряжении.

Я осмотрелся и думаю, что есть способ предотвратить загрузку изображений с помощью jquery: Запретить загрузку изображений - однако это не таккажется, работа (изображения все еще были загружены.) Сказав это, ленивый загрузчик, кажется, делает это, и я видел, что он использует IRL - так что я вполне уверен, что есть способ.

Что яМне бы очень хотелось, чтобы в моем html-классе был установлен класс .mobileonly и чтобы jquery предотвращал их загрузку и все, что в них было.

Любые указатели были бы хорошими, спасибо, ребята!

Ура!Джон.

Answer 1

Мне кажется, что ленивая загрузка сделает всю работу за вас.
Для каждого изображения, которое вы не хотите загружать, вы можете вместо этого поместить небольшое изображение по умолчанию и сохранить URL-адрес, например, в. атрибут «имя». Дайте ему класс css 'mobileonly'. Стиль, как вы хотите.
Затем для немобильных посетителей вызывает функцию js из body.onLoad, которая находит все imgs с классом css 'mobileonly' и лениво загружает URL, полученный из атрибута name.

Учтите также: обычно мобильные устройства не только имеют меньшую пропускную способность, но и меньше вычислительной мощности для запуска js. Так что все js, которые не работают на мобильном устройстве, делают ваш сайт быстрее. : -)