Здравствуйте, товарищи.
Вопрос следующий:
есть таблица на 6 ячеек. В каждой ячейке ссылка-картинка.
Задача:
сделать так, чтобы при клике на каждую ссылку-картинку открывалась случайная страница по ссылке из заранее подготовленного списка ссылок.
При этом, у каждой ссылки-картинки свой список ссылок.
Пробовал несколько способов, и наиболее рабочими оказались вот эти два:
1.
<table>
<tr>
<td>
<a id="link" href=""><img src="pic01.png" alt="123"></a> </td>
</tr>
</table>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script>
var a = [];
a[0] = '0001.html';
a[1] = '0002.html';
a[2] = '0003.html';
function rand( min, max ) {
if( max ) {
return Math.floor(Math.random() * (max - min + 1)) + min;
} else {
return Math.floor(Math.random() * (min + 1));
}
}
window.document.getElementById('link').onmouseover = function() { this.setAttribute('href', a[rand(0,2)]); };
</script>
2.
<script>
var links = ['0001.html','0002.html','0003.html','0004.html','0005.html'];
window.onload = function() {
window.location.href = links[Math.round(Math.random() * 4)];
}
</script>
НО!
По факту оба не подходят. Первый работает, если такая ссылка-картинка одна на страницу. Если их несколько, то скрипт дает сбой, и работает только по одному из списков, но на все ссылки-картинки сразу.
Второй работает круто, но переход по ссылке-картинке ведет сначала на пустую страницу чисто со скриптом, которая уже сама автоматом перекидывает на случайную ссылку из списка. Т.е. в цепочке появляется еще одна страница, функция которой только в выполнении скрипта. Излишние движения.
Что посоветуете, товарищи?
Спасибо заранее.