Galeria de imagenes aleatorias

[danieljorge435]

Hola hace tiempo llevo creando una pagina de juegos...pero por mis pocos conoimientos me ah costado mucho...lo que quiero hacer es que los juegos aparezcan de forma aleatoria cada vez que se cargue la pagina..y no siempre en el mismo orden..espero se entienda. No se si es posible con html...espero su ayuda.


este es el codigo que tengo:

Código:

<div class="conte01">
<section>
<figure>
  
<a href="#"><img src="juegos/01.jpg"></a><figcaption>NOMBRE</figcaption></figure>
       
       <figure>  
<a href="#"><img src="juegos/02.jpg"></a><figcaption>NOMBRE</figcaption></figure>
       
       <figure>  
<a href="#"><img src="juegos/03.jpg"></a><figcaption>NOMBRE</figcaption></figure>
  
         <figure>  
<a href="#"><img src="juegos/04.jpg"></a><figcaption>NOMBRE</figcaption></figure>
  
         <figure>  
<a href="#"><img src="juegos/05.jpg"></a><figcaption>NOMBRE</figcaption></figure>
  
         <figure>  
<a href="#"><img src="juegos/06.jpg"></a><figcaption>NOMBRE</figcaption></figure>
       
</section></div>

Saludos!!

[Rafael]

No, con Html solo no se puede. Necesitaso JavaScript o un lenguaje en el servidor, como php.

Busca algo como esto, y ya irás descubriendo las funciones específicas que necesites:
https://www.google.com.mx/search?q=r...age+javascript

[CorpseOfSteel]

¿Cómo llamas a la lista de juegos? Si lo haces con PHP puedes añadir ORDER BY rand() a tu función.

[pzin]

Iniciado por CorpseOfSteel

¿Cómo llamas a la lista de juegos? Si lo haces con PHP puedes añadir ORDER BY rand() a tu función.

Eso es SQL, no PHP.

[Rafael]

Te pongo un script php sencillo. Consta de dos partes.

La primera es un archivo con tu lista de imágenes, links, etc. Digamos tus "fichas técnicas".

Esto lo pones en un archivo llamado Lista.htm También hay un "texto" raro eso es en este caso un separador. Es una serie de caracteres que nunca vas a ver juntos en tu página. "-|-"

Código HTML:

-|-
<figure><a href="#"><img src="juegos/01.jpg"></a><figcaption>NOMBRE</figcaption></figure>
 
-|-
<figure><a href="#"><img src="juegos/02.jpg"></a><figcaption>NOMBRE</figcaption></figure>
 

La segunda parte es el script php que toma esa lista, la rompe en cadenas separadas por el "-|-" las revuelve y las despliega.

Código PHP:

$Lista = explode("-|-", file_get_contents('Lista.htm'));
 
shuffle($Lista);
foreach ($Lista as $Lista) {
    echo "$Lista";}
 

[Triby]

No sé porque movieron tu tema a PHP.

La cosa es que con HTML no se puede, pero si tu página es estática y no generada por un lenguaje de servidor, bien puedes usar javascript para crear un array (o JSON) con los datos de los juegos y creas una función para cambiar el orden y mostrar el contenido.

Espero a que nos digas cuál idea te gusta más para saber si dejamos el tema aquí o lo pasamos a Javascript.