Показать сообщение отдельно
  #72 (permalink)  
Старый 27.06.2023, 09:34
Кандидат Javascript-наук
Отправить личное сообщение для Борис К Посмотреть профиль Найти все сообщения от Борис К
 
Регистрация: 22.02.2017
Сообщений: 145

Здравствуйте, Рони!
Экспериментируя с некоторыми вариантами вашего кода, перенёс пути к изображениям из скрипта в стили:
<style type="text/css">

[data-id="girl"] {
            background-image:url(https://loremflickr.com/150/150/girl?random=1);
            width: 150px;
            height: 150px;
        }
[data-id="dog"] {
            background-image:url(https://loremflickr.com/150/150/dog?random=2);
            width: 150px;
            height: 150px;
        }
[data-id="boy"] {
            background-image:url(https://loremflickr.com/150/150/boy?random=3);
            width: 150px;
            height: 150px;
        }
[data-id="kitten"] {
            background-image:url(https://loremflickr.com/150/150/kitten?random=4);
            width: 150px;
            height: 150px;
        }
    </style>

Но не могу понять, как изменить следующие строки скрипта, чтобы в нём указать отсылку к изображениям в стилях:
const images = [
            "https://loremflickr.com/150/150/girl?random=1",
            "https://loremflickr.com/150/150/dog?random=2",
            "https://loremflickr.com/150/150/boy?random=3",
            "https://loremflickr.com/150/150/kitten?random=4"
        ];

Ответить с цитированием