Переопределить источник изображения объявлением стиля, содержащим данные изображения base64?

Question

Допустим, у меня есть изображение в документе, которое указывает на стандартное изображение по умолчанию без изображения. Можно ли указать класс, который можно использовать для перезаписи этого значения значением base64?

HTML:

<img src="loading_icon.png" class="image1"/>
<img src="loading_icon.png" class="image2"/>

CSS:

<style>

    .image1 {
        src: text/base64: ABCD...;
    }

    .image2 {
        src: text/base64: ABCD...;
    }

</style>

Answer 1

вы можете использовать content, но не будет работать во всех браузерах

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

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

<img src="loading_icon.png" class="image1">
<img src="loading_icon.png" class="image2">