Ver Mensaje Individual
  #10 (permalink)  
Antiguo 16/06/2011, 14:46
Avatar de inieva
inieva
 
Fecha de Ingreso: noviembre-2009
Ubicación: Argentina
Mensajes: 34
Antigüedad: 14 años, 6 meses
Puntos: 18
Mensaje Respuesta: alguna idea para hacer el siguiente codigo

Bueno, creo que el ejemplo era bastante claro y simple de adaptar a tus necesidades pero aclaro.

Si tenes dos arrays, articulos y archivos bastaria con modificar la función MostrarRegistro de la siguiente manera:

Código:
<html>
<head>
	<title>Ejemplo</title>
	<script type='text/javascript'>
	
//estos serian los array generados por php. 
 
		var articulos = [
			"articulos 1",
			"articulos 2",
			"articulos 3",
			"articulos 4",
			"articulos 5",
			"articulos 6",
			"articulos 7",
			"articulos 8"
		];
				
	
		var archivos = [
			"archivo1.jpg",
			"archivo2.jpg",
			"archivo3.jpg",
			"archivo4.jpg",
			"archivo5.jpg",
			"archivo6.jpg",
			"archivo7.jpg",	
			"archivo8.jpg",
		];		
	
		var pos = 0; // asigno una variable global para usar como indice de los array
		
		
		function MostrarRegistos(){  // esta funcion va hacer el trabajo

			for (i=1;i<=3;i++){ //el for va a crear los 3 elementos a mostrar de uno en uno.

//primero voy a crear un div vacio dentro del contenedor y le asigno un id para manipularlo despues. (si vos preferis estos tres divs los podes tener en tu html y no crearlos desde js)
			
				var div = document.createElement("div");
				div.setAttribute("id","registro"+i);
				document.getElementById("contenedor").appendChild(div);	
				
//ahora recojo los datos de los arrays. (la variable pos me indica que dato tomar)

				archivo = archivos[pos];
				articulo = articulos[pos];

//inserto en el div los datos con la estructura que quiero.
			
				document.getElementById("registro"+i).innerHTML = '<p>'+articulo+'</p><img src="'+archivo+'"/>';

//avanzo una posicion el indice y verifico si no recorri todo el array. (si son dos no importa ya que deberian ser del mimo tamaño)
				
				pos++;
				if(pos>=(articulos.length)){pos = 0}
			}
		}
			
		window.onload = MostrarRegistos; // cuando cargo la pagina muestro los primeros tres articulos. (esto evita que alla un delay para mostrar los primeros tres)
		
		setInterval(MostrarRegistos,1000) // cada cierto tiempo vuelvo a ejecutar la funcion y voy mostrando los siguientes tres articulos. 
		
	</script>
	
</head>
<body>

	<div id="contenedor"></div>

</body>
</html>

Obviamente yo los array los completo a mano pero ese código lo genera tu php. Y si la estructura html que queres generar es distinta a un párrafo seguido por una imagen (o si caso la estructura ya la pasas desde php) basta con modificar el innerHTML.

Espero que puedas lograrlo ahora.

Saludos!
__________________
http://www.ignacionieva.com.ar