Я создаю страницу с несколькими уникальными изображениями, чтобы при нажатии на изображение открывалось модальное окно с увеличенной версией изображения. Все это будет сделано с помощью таблицы стилей, содержащей URI-адреса base64. С помощью некоторых людей здесь я смог создать https://jsfiddle.net/o8cvtyr4/
С https://jsfiddle.net/dx9zeta7/ Я начинаю.
<img onclick="changeIt(this)" src="" class="A" border="0" align="bottom"
border="0">
<img onclick="changeIt(this)"
src="https://dummyimage.com/120x186/e8df66/fcfcfc&text=B" class="B"
border="0" align="bottom" border="0">
Пример "A" - это способ, которым я назвал изображение, используя Class = "A", а изображение src = прозрачное изображение.
В примере "B" в качестве источника используется обычное изображение.
В примере "C" используется URI-адрес base64.
Как я уже упоминал в другой теме о base64 data-URI, я хочу вызвать данные изображения из таблицы стилей, чтобы облегчить редактирование html-документа с помощью нескольких изображений base64.
Я позаимствовал некоторый код, который нашел, чтобы проверить эту идею с источником изображения в окне предупреждения, но изображение должно появиться в модальном окне.
Я ожидаю, что модальное окно будет содержать изображение того, на котором нажали. Эти изображения будут содержаться в таблице с ячейками для каждого изображения