lunes, 14 de septiembre de 2009

Imágenes aleatorias en un div con php

Ahora vamos a poner un ejemplo sencillo, en el que en una parte de nuestra página queramos mostrar una serie de imágenes, pero de un listado, de las que cada vez que se cargue la página sean distintas.
Aqui pongo un ejemplo del codigo en la pagina y luego lo explico un poco:

<div id="imgaleat">
<!--creamos un vector con las imagenes -->

imagenes telas de carbon" border="0" width="140" height="111" /> imagenes telas de carbon" border="0" width="141" height="111" /> imagenes telas de carbon" border="0" width="142" height="111" /> imagenes telas de carbon" border="0" width="143" height="111" />

Primero creamos un vector vacio, le insertamos el nombre de las imagenes (que tienen que estar en la carpeta "imagenes" donde tenemos nuestros archivos de la página en este ejemplo), luego las barajamos para que tengan posiciones aleatorias cada vez que se cargue la página del servidor y luego mostramos las 4 primeras por ejemplo (aunque podriamos haber puesto cualquier posicion, sin repetir, puesto que cada vez será distinta).
Es importante mirar bien donde las guardamos (las imagenes) para poner bien la ruta (el parámetro "src" de la etiqueta "img" del html.

No hay comentarios:

Publicar un comentario