Codigo para random

[GidHarvey]

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.

[jomaruro]

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.

[GidHarvey]

Hola jomaruro, como estas, muchas gracias por tu respuesta, aqui tengo mas especificada mi pregunta referente a lo del random image, saludos.

[jomaruro]

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.

[JavierB]

Continúa en el foro de JavaScript.