Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 07.06.2016
Сообщений: 78

Как вместо рандомного показа текста, сделать рандомный показ картинок?

09.06.2019, 21:16. Показов 1435. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Код выводит рандомно названия стран в виде текста: UK, US, RU, а как сделать, чтобы этот же код вместо текста выводил картинки, например http://сайт.ру/uk_flag.png и т.д.

Пробовал вставлять <img src=""> выдает ошибку.

JavaScript
1
2
3
4
        var countryRand;
        var countries = ['UK', 'US', 'RU'];
 
        countryRand = rand(0,3);
JavaScript
1
2
3
                domains.push({
            country:countries[countryRand],
           })
JavaScript
1
' + this.country + '
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
09.06.2019, 21:16
Ответы с готовыми решениями:

Как можно сделать scrolling не текста, а картинок?
Подскажите пожалуйста как можно сделать scrolling не текста, а картинок

Как сделать запоминание в куках результат открытия картинок и текста?
Всем привет! Изложу суть. На странице имеется 2 блока, первый при заходе на сайт выдает картинки с определенным интервалом времени,...

Программа для показа картинок
подскажите пожалуйста. требуется на монитор выводить поочередно изображения. для этого есть выбран старый ноутбук с внешним монитором....

1
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
10.06.2019, 17:22
Цитата Сообщение от Siurendy Посмотреть сообщение
как
https://codepen.io/Mr_Sergo/pe... itors=1010
HTML5
1
2
<img src="https://pp.userapi.com/c855228/v855228681/635de/XAOC2AM1sCk.jpg">
<button>Сменить</button>
JavaScript
1
2
3
4
5
6
7
let flags = [
    'https://pp.userapi.com/c855228/v855228681/635de/XAOC2AM1sCk.jpg',  // RU
    'https://pp.userapi.com/c855228/v855228681/635d7/CQyMcxratR0.jpg',  // US
    'https://pp.userapi.com/c855228/v855228681/635d0/laWbhUoMabk.jpg'   // UK
];
const rand = (min,max) => Math.floor(Math.random() * (max + 1 - min) + min);
document.querySelector('button').addEventListener('click',()=> document.querySelector('img').src = flags[rand(0,2)] );
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
10.06.2019, 17:22
Помогаю со студенческими работами здесь

Лаунчер для игры: сделать авторизацию, запуск клиента, показ скина, и показ личного счета
Доброго времени суток ! Я создаю лаунчер одной игры( Minecraft ) Можете ли вы мне помочь с этим? Мне надо сделать авторизацию, запуск...

Рандомный вызов картинок
Добрый день не могу вызвать рандомно картинки из файла, помогите пожалуйста.!!

Как сделать матрицы рандомного размера с возможностью суммирования?
Пишу программу для суммирования двух матриц, не обязательно квадратных. Размер надо выводить рандомный в небольшом диапазоне, буквально, от...

Рандомный вывод кликабельных картинок
Всем доброго времени суток! Смотрите, есть, к примеру, 5 картинок. Нужно чтобы при перезагрузке или при переходе со страницы, картинка...

Показ картинок
Всем привет. У меня такой вопрос: На сайте есть формочка для показа картинки, но картинок много и есть кнопка при нажатии на которую...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru