102просмотров
8 марта 2026 г.
Score: 112
С праздником, дорогие женщины ❤️! Очень люблю картинки-мотивашки на каждый день! По этому же принципу к празднику в подопечных аккаунтах на Getcourse вставила открытки, обновляющиеся при каждом заходе на страницу. Что нужно для реализации
1. Любое количество открыток, предварительно сжатых в сервисах (пользуюсь сервисом), в формате .jpg, .png и тд.
2. Зайти на страничку тренинга, хоть главную, хоть подтренингов.
3. Нажать кнопку Настроить Вид
4. Вставить блок HTML, в него через редактирование кода < >,
<p> <img class="random_image">
</p> 5. Вставить js Блок и в него код. Заменяем ссылки в коде ссылками картинок из файлового хранилища.
$(() => { var random_images = [ "https://example.com/image1.jpg", "https://example.com/image2.jpg", "https://example.com/image3.jpg", "https://example.com/image4.jpg", "https://example.com/image5.jpg" ]; // Выбираем случайное изображение var random_image = random_images[Math.floor(Math.random() * random_images.length)]; // Устанавливаем случайное изображение в элемент с классом .random_image $(".random_image").attr("src", random_image);
});
6. Наслаждаемся результатом случайного выбора открытки, чем больше - тем приятнее ❤️