Olá Pessoal, Tenho o seguinte Script que funciona muito bem para exibir uma tabela com imagens que, a cada atualização da página, rotacionem aleatoriamente. No entanto, preciso colocar um link diferente em cada imagem afim de que ela possa redirecionar quem nela clicar para outras páginas. Mas, não consigo. Há algo no código que precisa ser alterado para que a url da imagem possa ser acrescida com um link. Por favor, me ajudem!!! <script type="text/javascript">
function aleatorio(inferior,superior){
var numPossibilidades = superior - inferior;
aleat = Math.random() * numPossibilidades
aleat = Math.floor(aleat);
return parseInt(inferior) + aleat
}
window.onload = function() {
var imagens=[
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg",
"5.jpg",
"6.jpg",
"7.jpg",
"8.jpg",
"9.jpg",
];
var tabela = document.getElementById("tabela");
for(r=0; r<tabela.rows.length; r++) {
for(c=0; c<tabela.rows[r].cells.length; c++) {
if(imagens.length == 0) {
r = tabela.rows.length;
break;
}
var imgRandom = aleatorio(0, imagens.length-0);
tabela.rows[r].cells[c].style.backgroundImage = "url("+imagens[imgRandom]+")";
imagens.splice(imgRandom, 1);
}
}
}
</script>
<div align="center">
<table id="tabela" width="640" cellspacing="10">
<tr>
<th width="200" height="335" scope="col"> </th>
<th width="200" scope="col"> </th>
<th width="200" scope="col"> </th>
</tr>
<tr>
<th height="335" scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
</tr>
<tr>
<th height="335" scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
</tr>
</table>
</div>