Colocar imagens aleatórias no blog (PHP).

danielmd · 02/08/2009

Bueno, después de estarle moviendo a mi blog se me ocurrio poner algunas imágenes aleatorias en una parte y pues me puse a cascarear con el php hasta que salio lo que quería.

Por si alguien quiere poner imágenes aleatorias en su blog ya sea header, slide, footer or whatever.

Para hacer esto es realmente sencillo, aquí se los pongo y se los explico abajo.

Inserir CODE, HTML ou PHP:

<!--RANDOM IMG-->
<img src="<?php bloginfo('template_url'); ?>/RANDOMIMG/<?php $num=rand(1, 8); echo ''.$num; ?>.png" tag="Hello people" border="0">
<!-- RANDOM IMG-->

Primero que nada deben crear una carpeta con el nombre que quieran y ahi meten todas las imágenes que quieran enumeradas.

Después colocan ese código sustituyendo RANDOMIMG por la carpeta donde guardaron las imágenes(recomiendo subirla en la carpeta del theme que usan) y listo empezaran a salir imágenes aleatorias.

¿Ahora que es? <?php bloginfo('template_url'); ?>
Esta función se utiliza para jalar la ruta del theme que están utilizando.
Y que es? <?php $num=rand(1, 8); echo ''.$num; ?>
Aquí tenemos una variable a la que le asignaremos un numero del 1 al 8 aleatoriamente, es decir que podrán aparecer 8 imágenes distintas y se imprime con un echo el numero aleatorio que completara la ruta, ejemplo 4.jpg

Y bueno, esa fue la forma mas sencilla que se me ocurrio, pero acá pueden ver otra que esta mas compleja.
How to: Display a random header image

Espero les sirva. 😛cguru:

P.D. Dentro del img pueden asignarle las medidas también W y H.
Me fuenteo: How to: colocar imagenes aleatorias en wordpress

KnxDT · 02/08/2009

La única observación a tener en cuenta para evitar problemas es que esto:

<?php $num=rand(1, 8); echo ''.$num; ?>

Debe darse siempre y cuando tengas esa cantidad de imágenes (8) en la ruta del theme del blog, caso contrario se ocasionarán errores de referencia.

Por lo demás, de 10. Gracias por el minitutorial.

Luis · 02/08/2009

Uff... Gracias, no sabe todo lo que eh buscado esto.

Santiago · 08/08/2009

Muy buena utilidad, aunque yo lo hago de otra forma para tenerlo mas organizado:

PHP:

<?php

$slider = array();

$slider[] = array(
	'imagen' => 'assets/img/imagen2.png',
	'descripcion' => 'Alta categoría (?)'
);

$slider[] = array(
	'imagen' => 'assets/img/imagen3.png',
	'descripcion' => 'Alta categoría 2 (?)'
);

$slider[] = array(
	'imagen' => 'assets/img/imagen4.png',
	'descripcion' => 'Alta categoría 3 (?)'
);

$slider[] = array(
	'imagen' => 'assets/img/imagen5.png',
	'descripcion' => 'Alta categoría 4 (?)'
);

$numero = rand(0,3); // Nota: Los números del array empiezan en 0, no en 1

?>

<img src="<?php $slider[$numero]['imagen']; ?>" alt="<?php $slider[$numero]['descripcion']; ?>" />

De esta forma tenés todas nombres personalizados para las imágenes y le podés poner un titulo o un mensaje alternativo a cada una (Ideal para los sliders que muestran un texto superpuesto).

jgastrell · 12/08/2009

estos codigos funcionan para wordpress?? gracias
que haces knxdt! yo estaba en forobl.....

Santiago · 12/08/2009

jgastrell disse:
estos codigos funcionan para wordpress?? gracias
que haces knxdt! yo estaba en forobl.....

Deberían de funcionar en cualquier CMS que utilice PHP, WordPress incluído.

AndresRV · 15/11/2009

bueno, rescato este tema porque he encontrado una solución alternativa a la que propone daniel, y es la siguiente:

Inserir CODE, HTML ou PHP:

<table cellpadding="1" cellspacing="0" width="450" height=450>
<tr>
<td align="center" valign="top" width="33%"><a href="" class="link"><img src="" border="0" width="120" height="120" title="xxxxx"><br><b>xxxxxxx</b></a>

etc
etc

</tr>
</table>

Colocar imagens aleatórias no blog (PHP).

danielmd

KnxDT

Luis

Santiago

jgastrell

Santiago

AndresRV

Tópicos similares