Bueno, eso es tan solo una parte, es de suponer que tus imágens se llaman 0.jpg, 1.jpg ...10.jpg
que tal asi
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript"> //<![CDATA[
/* script */
var impares = "";
var pares = "";
// finción para saber si es par ó impar
var esPar = function(numero){
return (numero%2 == 0) ? true : false;
};
function escribirDivs(){
for( n=0; n <= 10; n++ ){ //el bucle analizando de 0 a 10
if(esPar(n) == true){
alert('es par' + n); //para verificar
pares += // aqui tenes que ir concatenando la cadena del html resultante para cada imagen par
}else{
alert('es impar' + n); //para verificar
impares += // idem para las impares
}
}
alert(impares); // para verificar
alert(pares); //para verificar
///// aqui deberías escribir los divs correspondientes usando innerHTML
///// podes usar getElementByID('nombre de la capa')
}
//]]>
<body onload="escribirDivs();"> <div id="p"><!-- imagenes pares --></div> <div id="i"><!-- imágenes impares --></div>
Bueno, creo que a partir de esto podrías continuar. Revisá el uso de innerHTML y como ir construyendo la cadena de código html a insertar
Saludos