How to add a class/selector to <img> when using <picture> #244

Brodiero · 2020-07-31T14:35:49Z

Not an issue but I'm struggling to find how to do this. In using the picture/source/img responsive setup I need to add a class directly to the element (for a different GSAP array).

I've searched the issues here and haven't found success, can anyone help?

TIA

svirmi · 2021-07-13T14:10:47Z

I have added class to dynamically created target image:

const pictureTagObserver = lozad("picture.lozad", {
threshold: 0.1,
load: function(el) {
const img = document.createElement("img");
const src = "https://imagesrc.io"
img.setAttribute("src", src);
img.setAttribute("class", el.getAttribute("data-class"));
el.appendChild(img);
}
});

How to add a class/selector to <img> when using <picture> #244

How to add a class/selector to <img> when using <picture> #244

Brodiero commented Jul 31, 2020

svirmi commented Jul 13, 2021 •

edited

How to add a class/selector to <img> when using <picture> #244

How to add a class/selector to <img> when using <picture> #244

Comments

Brodiero commented Jul 31, 2020

svirmi commented Jul 13, 2021 • edited

svirmi commented Jul 13, 2021 •

edited