Foros del Web » Creando para Internet » CSS »

Codigo para random

Estas en el tema de Codigo para random en el foro de CSS en Foros del Web. Buenas Noches. Necesito ayuda con un codigo, y no se si mi pregunta va en esta seccion, disculpas si no va aqui. tengo que ponerle ...
  #1 (permalink)  
Antiguo 27/10/2009, 20:02
Avatar de GidHarvey  
Fecha de Ingreso: mayo-2009
Mensajes: 190
Antigüedad: 8 años, 7 meses
Puntos: 1
Exclamación Codigo para random

Buenas Noches.
Necesito ayuda con un codigo, y no se si mi pregunta va en esta seccion, disculpas si no va aqui.
tengo que ponerle a mi pagina un codigo para que las imagenes de la galeria aparescan ramdon en el index, es decir la galeria esta en el index2 y quiero que aparescan ramdon en el index, son 6 las imagenes que tengo en el index que cambiarian random, aqui les paso un ejemplo de una pagina que tiene puesto esto, para que las imagenes aparescan random. aqui como podria hacer ese codigo, y manejar las imagenes en random, alguna ayuda porfavor.

aqui pongo el codigo de la parte donde estan las 6 imagenes en el index.

Código:
<div id="radom"><span class="FontTitle">Random Images</span>
      <div id="imgrandom">
        <div class="in16"></div>
        <div id="boxrandom">
        <a href="images/1.jpg" rel="lyteshow[random_image]"><img src="images/random_image.jpg" width="72" height="71" border="0" /></a><a href="images/2.jpg" rel="lyteshow[random_image]"><img src="images/random_image2.jpg" width="72" height="71" border="0" class="w8" /></a><a href="images/3.jpg" rel="lyteshow[random_image]"><img src="images/random_image3.jpg" width="72" height="71" border="0" class="w8" /></a></div>
        <div class="in8"></div>
        <div id="imgrandom2"><a href="images/4.jpg" rel="lyteshow[random_image]"><img src="images/random_image4.jpg" width="72" height="71" border="0" /></a><a href="images/5.jpg" rel="lyteshow[random_image]"><img src="images/random_image5.jpg" width="72" height="71" border="0" class="w8" /></a><a href="images/6.jpg" rel="lyteshow[random_image]"><img src="images/random_image6.jpg" width="72" height="71" border="0" class="w8" /></a></div>
      </div>
    </div>

y este es el codigo de la parte del index2 de la seccion de la gallery

Código:
<div id="Gallery">
    <div class="in14"></div>
    <div class="TitleAbout" id="titleGallery">Gallery</div>
    <div class="TitleAbout" id="Titlemanipulation">Photomanipulation</div>
    <div id="Photomanipulation"><a href="images/gallery/1.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_1.jpg" width="50" height="50" border="0" /></a><a href="images/gallery/2.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_2.jpg" width="50" height="50" border="0" class="w9" /></a><a href="images/gallery/3.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_3.jpg" width="50" height="50" border="0" class="w9" /></a><a href="images/gallery/4.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_4.jpg" width="50" height="50" border="0" class="w9" /></a><a href="images/gallery/5.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_5.jpg" width="50" height="50" border="0" class="w9" /></a><a href="images/gallery/6.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_6.jpg" width="50" height="50" border="0" class="w9" /></a><a href="images/gallery/7.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_7.jpg" width="50" height="50" border="0" class="w9" /></a><a href="images/gallery/8.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_8.jpg" width="50" height="50" border="0" class="w9" /></a><a href="images/gallery/9.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_9.jpg" width="50" height="50" border="0" class="w9" /></a><a href="images/gallery/10.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_10.jpg" width="50" height="50" border="0" class="w9" /></a><a href="images/gallery/11.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_11.jpg" width="50" height="50" border="0" class="w9" /></a><a href="images/gallery/12.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_12.jpg" width="50" height="50" border="0" class="w9" /></a><a href="images/gallery/13.jpg" rel="lyteshow[gallery]"><img src="images/gallery/box_13.jpg" width="50" height="50" border="0" class="w9" /></a><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" />
      <div class="in9"></div>
    <img src="images/gallery/box_0.jpg" width="50" height="50" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /><img src="images/gallery/box_0.jpg" width="50" height="50" class="w9" /></div>
    <div class="in25"></div>
    <div class="TitleAbout" id="Titledigipaint">DigitalPaint</div>
    <div id="Digitalpaint"><a href="images/digitalpaint/1.jpg" rel="lyteshow[digitalpaint]"><img src="images/digitalpaint/box_1.jpg" width="50" height="50" border="0" /></a><a href="images/digitalpaint/2.jpg" rel="lyteshow[digitalpaint]"><img src="images/digitalpaint/box_2.jpg" width="50" height="50" border="0" class="w9" /></a><a href="images/digitalpaint/3.jpg" rel="lyteshow[digitalpaint]"><img src="images/digitalpaint/box_3.jpg" width="50" height="50" border="0" class="w9" /></a><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" />
      <div class="in9"></div>
    <img src="images/digitalpaint/box_0.jpg" width="50" height="50" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /><img src="images/digitalpaint/box_0.jpg" width="50" height="50" class="w9" /></div>
si esto no se puede hacer, como podria manejarlo de una forma mas rapida, sin tener que manipular el codigo cada vez para manejar una imagen en el index y poner yo? hay algun panel de control que pueda hacer esto yo sin tener que meterme en el codigo.

Saludos de antemano muchas gracias.
__________________
La mayoría prefiere pagar por entretenerse que por instruirse.
  #2 (permalink)  
Antiguo 28/10/2009, 16:34
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Codigo para random

Hola:

Es necesaria programación, si la quieres hacer en el servidor necesitas PHP si lo quieres hacer en el ordenador del usuario Javascript.

Saludos.

  #3 (permalink)  
Antiguo 29/10/2009, 08:29
Avatar de GidHarvey  
Fecha de Ingreso: mayo-2009
Mensajes: 190
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: Codigo para random

Hola jomaruro, como estas, muchas gracias por tu respuesta, aqui tengo mas especificada mi pregunta referente a lo del random image, saludos.
__________________
La mayoría prefiere pagar por entretenerse que por instruirse.
  #4 (permalink)  
Antiguo 30/10/2009, 15:55
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Codigo para random

Hola:

Deberías fijarte un poco en el código y en las url de las imágenes random, por ejemplo:

http://www.artsquaredupload.co.uk/ga...?image_id=1594
http://www.artsquaredupload.co.uk/ga...?image_id=1147
http://www.artsquaredupload.co.uk/ga...?image_id=1369

1º ¿qué descubrimos? Sencillo, que está hecho con php.

....artsquaredupload.co.uk/gallery/details.php?image_id=1594

2º ¿qué diferenciamos? que image_id es distinto.

...image_id=1594
...image_id=1147
...image_id=1369

¿Qúe significa esto? que el código php genera un número aleatorio, lo lee en una base de datos (MySQL, por ejemplo) y muestra la imágen.

Saludos.

  #5 (permalink)  
Antiguo 30/10/2009, 16:02
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Respuesta: Codigo para random

Continúa en el foro de JavaScript.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 12:59.