Override Image Source With Style Declaration Containing Base64 Image Data?

Let's say I have an image in a document that point to a standard default no image. Is it possible to specify a class that I can use to overwrite that value with a base64 value? HT

Solution 1:

you can use content but it won't work in all the browsers

.image1 {
  content:url(https://i.picsum.photos/id/10/200/200.jpg)
}

.image2 {
  content:url(https://i.picsum.photos/id/17/200/200.jpg)
}

<imgsrc="loading_icon.png"class="image1"><imgsrc="loading_icon.png"class="image2">