Problema Tabela para randOrd

[ghost77 0]

Prezados, estou com problema na configuração de um código javascript, consegui ele procurando no google.

Eu gostaria de criar uma galeria randômica mas as fotos estão aparecendo uma debaixo da outra, eu queria ter 3 colunas e duas linhas trocando randomicamente.

se alguém tivesse uma ideia de como arrumar em tabela por favor

aqui está o código

 

<p><script type="text/javascript"> // <![CDATA[


function randOrd()
{
return (Math.round(Math.random())-0.4);
} 

function randBan(){
var carros = new Array();


carros[0]='<a href="http://www.bestsitesbrasil.com/cars/dodge.jpg" target="_blank" title="Dodge"><img border="0" "width="300" height="220" src="http://www.bestsitesbrasil.com/cars/06.jpg"/></a>';

carros[1]='<a href="http://www.bestsitesbrasil.com/cars/f458.jpg" target="_blank" title="Ferrari"><img border="0"" "width="300" height="220" alt="Ferrari" src="http://www.bestsitesbrasil.com/cars/05.jpg"/></a>';

carros[2]='<a href="http://www.bestsitesbrasil.com/cars/lp700.jpg" target="_blank"><img border="0" "width="300" height="220" alt="Lamburghini" src="http://www.bestsitesbrasil.com/cars/04.jpg"/></a>';

carros[3]='<a href="http://www.bestsitesbrasil.com/cars/mcl.jpg" target="_blank" title="MC laren"><img border="0" "width="300" height="220" src="http://www.bestsitesbrasil.com/cars/03.jpg"/></a>';

carros[4]='<a href="http://www.bestsitesbrasil.com/cars/mustang.jpg" target="_blank" title="Mustang"><img border="0" "width="300" height="220"alt="Mustang" src="http://www.bestsitesbrasil.com/cars/02.jpg"/></a>';

carros[5]='<a href="http://www.bestsitesbrasil.com/cars/pcayman.jpg" target="_blank"><img border="0" "width="300" height="220" alt="Porshe" src="http://www.bestsitesbrasil.com/cars/01.jpg"/></a>';

carros.sort( randOrd );


for(i=0;i<=carros.length-1;i++) document.write(carros[i] + '<br />');
return;
}
randBan();
// ]]></script></p>

 

e aqui está a página onde aparece a galeria

 

http://www.bestsitesbrasil.com/index.php/carros.html

 

Agradeço muito pela ajuda!

[lins.drt 0]

Cara estou sem tempo para um resposta mais completa mas tenta usar uma condição dentro do laço...

 

tipo:

 

para i de 1 ate 9 faca{

se i mod 3 = 0 entao{

escreva quebrar_linha();

}

escreva exibir_imagem();

}

 

Assim quando o resto da divisao de i por 3 for = 0 ela quebra linha, isto é, as imagens vão ser exibidas como uma grade/matriz de 3x3...

[ghost77 0]

Obrigado pela resposta rápida, mas não sei como fazer isso, se você tiver algum tempo para colocar uma resposta mais completa eu agradeço muito!

[Dii 15]

Aqui. Eu acho que o seu problema é fazer o conteúdo do array aparecer randomicamente, né? Então...

Aqui tem um exemplo utilizando array shuffle. Shuffle serve para embaralhar os valores e aparecer de forma random.

 

Segue o link e vê se te ajudar, valeu.

 

http://snippets.dzone.com/posts/show/849