imagens randomicas

[Jasar]

galera preciso de um help

em uma pagina do site tenho uma tabela dcom 10 linhas e 5 colunas

então são 50 estaços cada um dele stem uma imagem 15x15 e cada imagem tem um link

essa tabela não muda , mas cada vez q entrar na pagina teria q aoarecer essa simagens em ordem diferente , e não necessariamente teria soemnte 50 imagems so q preciso fazer um java script onde eu sete o src d aimagem e o link dela em um array ou listae esse scirpt sortiasse 50 imagens ( sem repetir ) e gerava essa tabela de 10 linhas e 5 colunas

alguém m ajuda a fazer?

[Jonathan Queiroz]

Você sabe como gerar números aleatórios ?

Veja esse artigo: Geração de números aleatórios Javascript

[Danilo Moraes]

Tentei responder 3 vezes esse tópico e as tres deram erro sendo o ultimo, um erro de decodificacao do texto... Erro causado pelo server mesmo :S

Bom, eu disse que estava com preguica de testar o script no primeiro post, mas ai me deu vontade de tentar fazer e acabei fazendo ele pra você ^^

Bom, como não tenho imagens aki e nem quero ir atras delas, eu usei cores... então no array imagens, troque todas aquelas cores por enderecos de imagem... E na hora de atribuir a cor para a tabela, em vez de usar a propriedade backgroundColor, use backgroundImage...(esta comentado no codigo).

Qualquer duvida so perguntar que esclareco. ^^

Só deicho bem claro que a funcao principal (aleatorio) não foi criada por mim, eu apenas tirei ela como base seguindo o link que o Jonathan mostrou.

Segue o codigo:

<script type="text/javascript">
function aleatorio(inferior,superior){//não suporto plagio, por isso estou falando: não fui eu que criei essa funcao :P autoria do pessoal da criarweb
    var numPossibilidades = superior - inferior;
    aleat = Math.random() * numPossibilidades 
    aleat = Math.floor(aleat);
    return parseInt(inferior) + aleat 
} 

window.onload = function() {
    var imagens=["#ff0000","#00ff00","#0000ff","#cccccc","#000000","#ffffff","#ffff00","#00ffff","#ff00ff"];//exemplo de array com enderecos para imagens
    var tabela = document.getElementById("tabela");//pega uma referencia a tabela 

    for(r=0; r<tabela.rows.length; r++) {//percorre as linhas da tabela
        for(c=0; c<tabela.rows[r].cells.length; c++) {
            if(imagens.length == 0) {//se não houver mais imagens no array, ele simplesmente para de por imagens...
                r = tabela.rows.length;
                break;
            }
            var imgRandom = aleatorio(0, imagens.length-1);//cria variavel que vai referenciar uma posicao no array de imagens... 
            //gera um numero randomico de 0 ate o maximo de elementos do array-1, ouseja, "percorre" todo o array 
            tabela.rows[r].cells[c].style.backgroundColor = imagens[imgRandom]//insere a imagem no background. Troque por backgroundImage = "url("+imgens[imgRandom]+")";
            imagens.splice(imgRandom, 1);//primeira propriedade determina qual posicao tu quer mecher
            //e a segunda, se for 1 ela deleta a posicao atual e tras todas as outras para tras...
            //faco isso para que as imagens não se repitam :P
        } 
    }
}
</script>

<table id="tabela" border="1" width="400" height="400"><!--tabela 3x3, você pode fazer a tabela que quiser... o script acima, vai adicionar imagens em qualquer tipo de tabela..--!>
    <tr><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td></tr>
</table>

Fontes utilizadas para desenvolver este script:

Ana Claudia - DOM parte 4

CriarWeb

Funcao splice()

Editado Setembro 3, 2009 por Danilo Moraes

[Danilo Moraes]

So to dando um up porque talvez o pessoal tenha visto apenas o post que eu fi antes e que saiu tudo errado por causa do decode do servidor <_<

Jasar, isso atende as suas necessidades?