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>

¡Que lo disfrutes!

¿Te gustó este post? ¡Compártelo!
  • Bitacoras.com
  • TwitThis
  • Facebook
  • Meneame
  • Google Bookmarks
  • del.icio.us
  • Live
  • Technorati
  • Ping.fm
  • Wikio
  • Turn this article into a PDF!
  • E-mail this story to a friend!
  • Print this article!

También te puede interesar:

cursos formación continua

    19 comentarios en “Mostrar imágenes de cabecera aleatorias”

  1. elQuique (2 comentarios) dijo:

    Esta bastante complicada, así es mucho mas fácil y rápida

    <div id=”header” style=”background:transparent url(images/cabecera.png) no-repeat top left;”>

  2. elQuique (2 comentarios) dijo:

    no me deja escribir el (todo junto) luego de cabecera y antes de .png

  3. ZenemiG (9 comentarios) dijo:

    Mas sencillo es crear una carpeta dentro de tu carpeta de imagenes donde pones tu headers y el siguiente archivo .php:

    0) {
    $imageNumber = time() % count($fileList);
    $img = $folder.$fileList[$imageNumber];
    }
    }

    if ($img!=null) {
    $imageInfo = pathinfo($img);
    $contentType = ‘Content-type: ‘.$extList[ $imageInfo['extension'] ];
    header ($contentType);
    readfile($img);
    } else {
    if ( function_exists(’imagecreate’) ) {
    header (”Content-type: image/png”);
    $im = @imagecreate (100, 100)
    or die (”Cannot initialize new GD image stream”);
    $background_color = imagecolorallocate ($im, 255, 255, 255);
    $text_color = imagecolorallocate ($im, 0,0,0);
    imagestring ($im, 2, 5, 5, “IMAGE ERROR”, $text_color);
    imagepng ($im);
    imagedestroy($im);
    }
    }

    ?>

    Cualquier imagen que pongas en esa carpeta va a cargar como Header de tu sitio. Aqui pueden ver un ejemplo de como funciona.

  4. Muy buen truco Zenemig ;)

  5. ZenemiG (9 comentarios) dijo:

    Se me olvidaba un detalle :P
    Despues ponen en su header los siguiente

    No se por que no esta funcionando los tags de codigo :s

  6. ZenemiG (9 comentarios) dijo:

    Dame un link a la discución en los foros y posteo todo ahi mejor. Lo busque pero sin resultados (no busque mucho si :P)

  7. xrccb (3 comentarios) dijo:

    ZenemiG… el detalle, cuál es?! >.<

  8. ZenemiG (9 comentarios) dijo:

    No pude ponerlo por que no funcionan los tags de codigo, no se por que >.<

  9. FloiT (8 comentarios) dijo:

    ¿y no se puede hacer que la imagen se cambie cada día? Es decir, una vez al día (a las 05:00 h por ejemplo)…

  10. xrccb (3 comentarios) dijo:

    >.< al foro, al foro!!! y si te envio un mail?? a probar!!

  11. Emb (4 comentarios) dijo:

    Y al final, al código de ZenemiG.. ¿lo mandaron al foro? Porque me interesaría implementarlo…. Gracias..!!!

  12. ZenemiG (9 comentarios) dijo:

    Ya, ahora esta en el foro para su felicidad :D

    Aqui esta el link

  13. Emb (4 comentarios) dijo:

    OK….muchas gracias!!!

  14. Barbara (1 comentarios) dijo:

    Oi pessoal,
    tenho o wordpress.com e gostaria de colocar uma imagem como essas mostradas ae em cima, mas somente uma, coisa simples que nao estou encontrando onde colocar ou mudar! Não tem nenhuma imagem no meu tema, o tema é Albeo by Elena G.

    Alguem pode me ajudar??!

    vlws!!

  15. Jose Perez (41 comentarios) dijo:

    @Fernando

    En mi header tengo directamente una de las imagenes que quiero para el header, utilizando la funcion random que deberia poner en

    Saludos

Escribe un Comentario

XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Subir

Expertos en WordPress
Euribor
Hardware. Software. Ocio & Multimedia. Humor. Internet. Videojuegos.Noticias
Participa en el Debate
  • Jh®: Windows Live Writer… ese es el que uso!
  • Dark_Tairon: espero con ansias que digas que tal funcion para actulizar mi instalacion, por...
  • lander: tengo un problema , luego de instalar el plug in en wp y configurar las opciones de las...
  • Hades87: @ferticidio pero le peudes deshabilitar el estilo desde el mismo WLW y se e bien, yo es...
  • ferticidio: WLW usaba en el antiguo theme, ahora como no me carga bien el estilo, y no puedo ver...
Noticias Breves
  • Si quieres aprender como hacer multitud de diseños distintos para WordPress no te pierdas esta estupenda recopilación de 26 tutoriales de diseño de blogs WordPress.

    [#3]

  • Acaba de salir a la luz la nueva versión de WordPress para iPhone 1.3, con soporte completo para el firmware de iPhone 3.0. Va de cojones estupendamente. Altamente recomendable esta actualización, que tienes en iTunes.

    [#1]

  • Me avisa Kike Alonso de un nuevo plugin que permite que los comentarios que dejen tus amigos de Friendfeed al respecto de un post de tu sitio WordPress aparezcan también en tu post como comentarios normales, algo realmente interesante pues permite, con algunos clientes de escritorio e iPhone, comentar en blogs sin dejar de usar la aplicación de mensajería.

    [#6]


  • Ahora mismo en los FOROS ...
    Usuarios Registrados
  • Acceder

  • Translate this Blog
    Spanish flagItalian flagChinese (Simplified) flagPortuguese flagEnglish flagGerman flagFrench flagJapanese flagRussian flagSwedish flagCatalan flagHebrew flag                              
    By N2H