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

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

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

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

Подскажите как добавить класс и изменить атрибут с 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

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

@Vshining · 22.12.2016, 03:32

Javascript

$("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 **[ТС]**

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

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