Tema: Rotar imagenes aleatoriamente sin repetir!
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 07/10/2010, 16:13
hernandavidgomez
 
Fecha de Ingreso: junio-2009
Mensajes: 33
Antigüedad: 15 años, 2 meses
Puntos: 1
Respuesta: Rotar imagenes aleatoriamente sin repetir!
gracias por el aporte, ya lo pude solucionar por si a alguien le interesa
saludos, y no se repite!

Código HTML: 
Ver original
  1. <html>
  2.   <head>
  3.     <title>
  4.       Prueba de rotaci&oacute;n aleatoria de im&aacute;genes
  5.     </title>
  6.  
  7.     <script type="text/javascript">
  8.       <!--
  9.  
  10. // Conjunto de nombres de las imagenes a rotar
  11. imagenes = new Array (
  12.     'imagenes/Albania.png',
  13.     'imagenes/Andorra.png',
  14.     'imagenes/Algeria.png',
  15.     'imagenes/Argentina.png',
  16.     'imagenes/Aruba.png',
  17.     'imagenes/Brazil.png',
  18.     'imagenes/Cameroon.png',
  19.     'imagenes/China.png',
  20.     'imagenes/Chile.png',
  21.     'imagenes/Congo.png',
  22.     'imagenes/Canada.png',
  23.     'imagenes/Afghanistan.png',
  24.     'imagenes/Angola.png',
  25.     'imagenes/Bosnian.png',
  26.     'imagenes/Cambodia.png',
  27.     'imagenes/Colombia.png');
  28.  
  29.  
  30. // Tiempo de espera entre imagenes (en segundos)
  31. espera = 3;
  32.  
  33. // Referencia a la imagen actual
  34. imagen_actual = 0;
  35.  
  36.  
  37.  
  38. function cambiar_imagen ()
  39. {   var i=0;
  40.     var uti= new Array;
  41.     for(i=0;i<imagenes.length;i++)
  42.     {
  43.         ima = Math.floor (Math.random () * imagenes.length);
  44.         uti[i]=ima;
  45.         //alert(uti[0]);
  46.         var j = 0;
  47.             for( j=0; j<i; j++)
  48.             {
  49.             //alert(uti[j]);
  50.             if(i != j)
  51.             
  52.                 {
  53.                 //alert(uti[i]);
  54.                 //alert(uti[0]);
  55.                     if(uti[i] == uti[j])
  56.                         {
  57.                             while(uti[i] == uti[j])
  58.                                 {
  59.                                     ima = Math.floor (Math.random () * imagenes.length);
  60.                                     uti[i]=ima;
  61.                                     //alert('hola');
  62.                                     for(k=0; k<i; k++)
  63.                                         {
  64.                                             if(uti[i] == uti[k])
  65.                                                 {
  66.                                                     while(uti[i] == uti[k])
  67.                                                     {
  68.                                                     ima = Math.floor (Math.random () * imagenes.length);
  69.                                                     uti[i]=ima;
  70.                                                     }
  71.                                                 }
  72.                                         }
  73.                                 }
  74.                         }
  75.                 
  76.                 }
  77.             
  78.             }
  79.                 
  80.             
  81.         
  82.         document.getElementById('div'+i).innerHTML="<img src='"+imagenes[ima]+"' style='heigth:128px; width:128px; cursor:pointer;' />";
  83.     }
  84.  
  85.     if (imagen_actual >= imagenes.length)
  86.         imagen_actual = 0;
  87.  
  88.     // Llamar esta misma funcion cada cierto tiempo
  89.     self.setTimeout ('cambiar_imagen()', espera * 1000);
  90. }
  91.  
  92.     </script>
  93.   </head>
  94.   <body onLoad="cambiar_imagen()">
  95.   <div id="div0" style="float:left"></div>
  96.   <div id="div1" style="float:left"></div>
  97.   <div id="div2" style="float:left"></div>
  98.   <div id="div3" style="float:left"></div><br /><br /><br /><br /><br /><br /><br />
  99.   <div id="div4" style="float:left"></div>
  100.   <div id="div5" style="float:left"></div>
  101.   <div id="div6" style="float:left"></div>
  102.   <div id="div7" style="float:left"></div><br /><br /><br /><br /><br /><br /><br />
  103.   <div id="div8" style="float:left"></div>
  104.   <div id="div9" style="float:left"></div>
  105.   <div id="div10" style="float:left"></div>
  106.   <div id="div11" style="float:left"></div><br /><br /><br /><br /><br /><br /><br />
  107.   <div id="div12" style="float:left"></div>
  108.   <div id="div13" style="float:left"></div>
  109.   <div id="div14" style="float:left"></div>
  110.   <div id="div15" style="float:left"></div><br /><br /><br /><br /><br /><br /><br />
  111.     
  112.   </body>
  113. </html>