How to load an image when a tab is clicked?

Question

css

There are tabs, when you click on them, an image appears. How can I make the image load only after clicking on the tab, and not all together when loading?

Answer 1

Modern versions of browsers support lazy loading of images if you add the loading="lazy" attribute to the img tag: More details: https://habr.com/ru/company/ruvds/blog/448914/
<img src="..." loading="lazy" />

Answer 2

$(таб).click(function(e) {
e.preventDefault();
$(контейнер куда нужно подгрузить картинку).append('<img src="'  путь к вашей картинке  '" alt="">');
});