Hola, ¿qué tal? Voy a responder al comentario enviado por rmar31 “en algunas páginas de Internet he visto que ciertas imágenes cambian de forma aleatoria, en algunas páginas se ha hecho mediante el código PHP quisiera saber de qué manera se puede hacer. Gracias”.
Pues sí, PHP tiene la ventaja de trabajar con imágenes, aunque para hacer que en una página aparezcan las imágenes aleatoriamente hemos de irnos al tema de los arrays porque tiene mucho que ver. Imaginaros que tenemos la página web completa utilizada en nuestro primer proyecto y le hemos introducido unas imágenes, al darle a actualizar a la página las imágenes mostradas van a cambiar de forma aleatoria.
Por ejemplo tenemos la siguiente página que muestra unas imágenes:
Cuando le demos a actualizar a la página nos mostrará otras imágenes:
Para esta pequeña aplicación se utiliza la función shuffle() ordena los elementos que contiene el array de forma aleatoria. Vamos a ver el código completo de esta aplicación y luego lo explicaré:
<?
$images=array("avg.png", "images.jpeg", "nod32.gif", "norton360.gif", "panda.jpeg");
shuffle($images);
?>
<html>
<head></head>
<body>
<table width=100%>
<tr>
<?
for($i=0; $i<3; $i++)
{
echo "<td align=center><img src=\"";
echo $images[$i];
echo "\" width=100 height=100></td>";
}
?>
</tr></table>
</body>
</html>
Este código lo guardamos en un archivo llamado images.php Las imágenes que he utilizado son las siguientes:
Estas imágenes estarán guardadas en el mismo sitio donde está el archivo images.php.
Primero creamos una variable que contiene un array que a la misma vez contiene las imágenes que queremos que se muestre:
$images=array("avg.png", "images.jpeg", "nod32.gif", "norton360.gif", "panda.jpeg");
A continuación escribimos la función shuffle () que nos va a permitir que los elementos del array en este caso las imágenes se ordenen de forma aleatoria.
shuffle($images);
Y ya dentro del código html creamos una tabla donde queremos que aparezcan las imágenes:
<table width=100%>
<tr> //creamos una fila
A partir de aquí escribimos código PHP y le indicamos mediante la función for que el límite de imágenes que van a aparecer son tres:
for($i=0; $i<3; $i++)
mediante un echo creamos una columna y le indicamos que tiene que haber una imagen.
echo "<td align=center><img src=\"";
La imagen que se va a mostrar está dentro de un array que está almacenado en la variable $images:
echo $images[$i];
Y por último se indica el tamaño de las imágenes:
echo "\" width=100 height=100></td>";
Y ya tenemos la aplicación finalizada. Vosotros podéis ahora intentar realizar esta aplicación sobre el proyecto que finalizamos en la entrada anterior.
Finalizo esta entrada adelantando que en la siguiente ya daré una especie de introducción a la base de datos SQL. De momento esto es todo, hasta pronto!
muy interesante, sobre todo en portfolios de diseño y fotografía, ya que es ahí donde le veo mas chicha.
ResponderEliminarSe agradece la buena explicación, el blog tiene muchos tips interesantes.
saludos.