Mostrar imágenes de cabecera aleatorias

Publicado Por Fernando Tellado el 6 Nov, 2008

Este truco es también otro de los mas solicitados en el foro, y aunque con algo de retraso ante las peticiones aquí lo tenemos.

Para lograr esta acción usaremos la función PHP rand(), la cual permite obtener un número aleatorio, en este caso entre 1 y 99. Si el número aleatorio es menor o igual a 33 se muestra la primera imagen de cabecera, si es menor o igual que 66 se muestra la segunda y si es menor o igual a 99 se muestra una tercera. Por supuesto, puedes personalizar este comportamiento y, como es natural, deberás modificar los títulos de imagen de cabecera y tenerlas creadas previamente.

Lo que tienes que hacer es pegar el siguiente código en tu fichero header.php:

      <?php
      $result_random=rand(1, 99);
      if($result_random<=33){ ?>
          <div id="header" style="background:transparent url(images/cabecera1.png) no-repeat top left;">
      <?php }
      elseif($result_random<=66){ ?>
          <div id="header" style="background:transparent url(images/cabecera2.png) no-repeat top left;">
      <?php }
      elseif($result_random<=99){ ?>
          <div id="header" style="background:transparent url(images/cabecera3.png) no-repeat top left;">
      <?php } ?>
      <!-- Aquí va el código del header -->
      </div>

<?php

$result_random=rand(1, 99);

if($result_random<=33){ ?>

<?php }

elseif($result_random<=66){ ?>

<?php }

elseif($result_random<=99){ ?>

<?php } ?>

</div>

¡Que lo disfrutes!

Si te gusta este contenido prueba tambien a suscribirte al canal en YouTube.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.