javascript - 如何在点击时按类延迟加载图像？

Question

我的网页上有很多图片，所以我使用延迟加载来帮助提高性能。我使用一张 25kb 的图像作为所有高清图像的占位符。通常，当滚动延迟加载图像时，一旦它们进入 View 就会显示，但是图像在轮播中并且只有第一张图像发生变化。我希望点击一个也显示旋转木马的按钮，我可以按类别加载新图像？

<img src="./img/tinyBlur.jpg" data-2x-1="./img/design7.png" class="carosuelImg lazyload-2x loading-lazy hidden">

Answer 1

据我所知，我的 friend

var img = document.querySelector("img");
img.classList.remove("hidden");
img.src = img.getAttribute('data-2x-1');