Показать сообщение отдельно
  #2 (permalink)  
Старый 20.08.2019, 22:53
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от 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>

Последний раз редактировалось Malleys, 20.08.2019 в 23:06.
Ответить с цитированием