Multiple image sources in one image element

I’m quite new to Javascript (no jquery pls) and I’m trying to figure out if I can put multiple image sources in one image element

sadImages = document.createElement("img");
sadImages.src = "video/sadness/sadPhoto1.png";
sadImages.className = "projectImages";
sadScrollContainer.append(sadImages);

I would like to add a few more images from the sadness folder (not all!) without creating too many image elements.

I’ve tried writing it like

sadImages.src = "video/sadness/sadPhoto1.png" + "video/sadness/sadPhoto2.png";

and

sadImages.src = "video/sadness/sadPhoto1.png","video/sadness/sadPhoto2.png";

and

sadImages.src = ["video/sadness/sadPhoto1.png","video/sadness/sadPhoto2.png"];

but that doesn’t work. It might be really stupid, but I’m trying to keep my code as short as possible.

63 thoughts on “Multiple image sources in one image element”

Leave a Comment