Вставить случайную картинку на страницу, чтобы работала как ссылка

@Skvoznyak · Регистрация: 16.03.2018

Студворк — интернет-сервис помощи студентам

Задача стояла вставить картинки со сменой при обновлении страницы. Из всех возможных вариантов работал только этот код. Вот в таком он виде.

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<p><script>
var phr = new Array()
 
phr.push("<img src='http://www.vniiprh.ru/sites/default/files/file/glossariy/01.jpg'   /> ")
phr.push("<img src='http://www.vniiprh.ru/sites/default/files/file/glossariy/02.jpg'  /> ")
phr.push("<img src='http://www.vniiprh.ru/sites/default/files/file/glossariy/03.jpg'   />")
phr.push("<img src='http://www.vniiprh.ru/sites/default/files/file/glossariy/04.jpg'   />")
phr.push("<img src='http://www.vniiprh.ru/sites/default/files/file/glossariy/05.jpg'   />")
phr.push("<img src='http://www.vniiprh.ru/sites/default/files/file/glossariy/06.jpg'   />")
phr.push("<img src='http://www.vniiprh.ru/sites/default/files/file/glossariy/07.jpg'   />")
phr.push("<img src='http://www.vniiprh.ru/sites/default/files/file/glossariy/08.jpg'   />")
phr.push("<img src='http://www.vniiprh.ru/sites/default/files/file/glossariy/09.jpg'   />")
phr.push("<img src='http://www.vniiprh.ru/sites/default/files/file/glossariy/10.jpg'   />")
phr.push("<img src='http://www.vniiprh.ru/sites/default/files/file/glossariy/11.jpg'   />")
phr.push("<img src='http://www.vniiprh.ru/sites/default/files/file/glossariy/12.jpg'   />")
 
document.write(phr[Math.round(Math.random()*(phr.length-1))])
</script></p>
<br>

Но задача расширилась, теперь надо что бы картинки работали как ссылки на страницу сайта. И как только я не пыталась прописывать ссылку - код переставал работать. Помогите, как это сделать?

@klopp · 16.03.2018, 15:04

HTML5
1
2
3
<body>
    <img id="pic"/>
</body>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
let phr = [
    'https://cdn.pixabay.com/photo/2017/12/31/17/06/face-3052778__340.jpg',
    'https://cdn.pixabay.com/photo/2018/02/28/18/03/moon-3188563__340.jpg',
    'https://cdn.pixabay.com/photo/2017/10/27/09/38/halloween-2893710__340.jpg',
    'https://cdn.pixabay.com/photo/2017/09/30/19/05/cube-2803223__340.jpg',
    'https://cdn.pixabay.com/photo/2016/09/23/21/08/motorcycle-1690452__340.jpg',
    'https://cdn.pixabay.com/photo/2017/07/28/01/22/fantasy-2547367__340.jpg',
    'https://cdn.pixabay.com/photo/2017/05/29/19/13/fire-and-water-2354583__340.jpg',
    'https://cdn.pixabay.com/photo/2018/01/02/23/00/flare-up-3057241_960_720.jpg'
];
 
let pic = document.getElementById('pic');
pic.src = phr[Math.floor(Math.random() * (phr.length))];
pic.onclick = () => window.open('https://www.cyberforum.ru/', '_blanc');

Новые блоги и статьи Все статьи Все блоги /
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .

Вставить случайную картинку на страницу, чтобы работала как ссылка

Решение