Добавление класса и изменение атрибута

@Dimka Mixov · Регистрация: 12.11.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте, дорогие форумчане !

Подскажите как добавить класс и изменить атрибут с src на data-original при помощи js ?

Есть html страница и необходимо подключить скрипт Lazy Load а то что то грузиться очень уж долго.
Скрипт сам подключил и подключил ещё кастомный для настроек, класс к img добавляю через js, но не могу изменить атрибут src на data-original. Поменял бы все вручную, но на сайте более 1500 изображений.

По документации нужно придти к выводу картинки в такой конструкции

HTML5
1
<img class="lazy" data-original="img/example.jpg" width="640" height="480">

Есть пока вот такое в созданном файле custom-assets.js

JavaScript
1
2
$("img").addClass("lazy");
/*$('img').attr('src', 'data-original');*/

Вроде дело плевое, но пока учу js

И хотелось бы ещё узнать ! Нужно ли добавлять в отдельный файл (там где прописаны настройки) реади функшен, вроде как и без него все работает !

JavaScript
1
2
3
4
$(document).ready(function() {
$("img").addClass("lazy");
/*$('img').attr('src', 'data-original');*/
};

@Vshining · 22.12.2016, 03:32

JavaScript
1
2
3
4
5
$("img").each(function(index) {
    var el = $(this);
    el.attr("data-original", el.attr("src"));
    el.removeAttr("src");
});

$(document).ready лучше оставить.

@Dimka Mixov · 22.12.2016, 08:19 **[ТС]**

Спасибо, добрый человек ! Очень выручил

Новые блоги и статьи Все статьи Все блоги /
Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определенном условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .

@Dimka Mixov 17 / 15 / 2 Регистрация: 12.11.2013 Сообщений: 228
	22.12.2016, 08:19 [ТС]
	Спасибо, добрый человек ! Очень выручил 0

Опции темы