Сообщение от Vikal
|
сделать так, чтобы при клике на каждую ссылку-картинку открывалась случайная страница по ссылке из заранее подготовленного списка ссылок.
При этом, у каждой ссылки-картинки свой список ссылок.
|
Вы, например, можете определить атрибут data-links на каждой ссылке, в котором будет храниться массив ссылок, из которого каждый раз при заходе на страницу будет выбираться одна из них.
<section class="random-links">
<a data-links="['https://google.com/', 'https://youtube.com/', 'https://facebook.com/']">
<img src="https://picsum.photos/id/110/250/250">
</a>
<a data-links="['https://wikipedia.org/', 'https://yahoo.com/', 'https://amazon.com/']">
<img src="https://picsum.photos/id/238/250/250">
</a>
<a data-links="['https://twitter.com/', 'https://live.com/', 'https://instagram.com/']">
<img src="https://picsum.photos/id/239/250/250">
</a>
<a data-links="['https://reddit.com/', 'https://netflix.com/', 'https://blogspot.com/']">
<img src="https://picsum.photos/id/240/250/250">
</a>
<a data-links="['https://twitch.tv/', 'https://linkedin.com/', 'https://pinterest.com/']">
<img src="https://picsum.photos/id/241/250/250">
</a>
<a data-links="['https://github.com/', 'https://stackoverflow.com/', 'https://whatsapp.com/']">
<img src="https://picsum.photos/id/242/250/250">
</a>
</section>
<script>
for(const link of document.querySelectorAll("section.random-links a")) {
const urls = eval(link.dataset.links || "[]");
if(urls.length === 0) continue;
link.href = urls[urls.length * Math.random() | 0];
link.target = "_blank";
}
</script>