Introducir imagenes pares e impares en div!!!

garcia1808 · #1 (**permalink**) 09/04/2012, 19:46

Hola q tal, soy nuevo y necesito una manito.

Tengo que hacer un ejercicio que en dos div separados realizados en html , introduzca en ellos por javascript imagenes tipo foto1.jpg hasta foto10.jpg, son 10, pares e impares, es decir en un div los pares y en otro los impares pero no me sale.

alguien me podria dar una manito?

Muchas Gracias

emprear · #2 (**permalink**) 09/04/2012, 19:58

En primer lugar, bienvenido a FDW @garcia1808

Se puede saber un ejercicio para dónde ó quién?

SAludos

garcia1808 · #3 (**permalink**) 09/04/2012, 20:05

Hola, es para mi, estoy practicando, pero no me sale, me salen todas juntas las imagenes y no las separa en dos.

emprear · #4 (**permalink**) 09/04/2012, 20:14

Ah , que bueno que estés ejercitando....
Por que no nos pasás el código que tenés hecho para ver como estás encarando el problema

Saludos

garcia1808 · #5 (**permalink**) 09/04/2012, 20:23

Este es el codigo. gracias!!!

<script type="text/javascript">
var n;
var r;
for( n=0; n <= 10; n++ ){
r=n%2
if (r == 0) ;
document.write( '<img src="imagenes/foto'+n+'.jpg"/>' );

}

</script>

emprear · #6 (**permalink**) 09/04/2012, 21:59

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">
<head>
<title>titulo</title> 
<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')
 
}
//]]>
</script>
</head>
<body onload="escribirDivs();">
<div id="p"><!-- imagenes pares --></div>
<div id="i"><!-- imágenes impares --></div>
</body>
</html>

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

zalito12 · #7 (**permalink**) 10/04/2012, 04:30

Recuerda, esto es básico y te va a servir para muchas cosas en tu vida de programador, la operación Mod (%) te devuelve el resto de una división entera.
Cada vez que necesites hacer algo una si una no, pares impares, etc pues x modulo 2.

Panino5001 · #8 (**permalink**) 10/04/2012, 04:50

Cita:

Iniciado por zalito12

Recuerda, esto es básico y te va a servir para muchas cosas en tu vida de programador, la operación Mod (%) te devuelve el resto de una división entera.
Cada vez que necesites hacer algo una si una no, pares impares, etc pues x modulo 2.

Dependiendo del lenguaje a veces puede ser mejor usar:

Código PHP:

  numeroAEvaluar & 1;

garcia1808 · #9 (**permalink**) 10/04/2012, 20:32

Muchas Gracias Muchachos!!!