English Português

Una de las formas de mantener nuestro sitio web con una imagen fresca y dinámica es variar el contenido o el diseño de nuestro sitio.

Hacer un cambio de contenido reprenseta mucho trabajo y en muchos casos, no posible por la importancia dentro de tema de nuestra web. Así que un cambio en el diseño parece la mejor solución. Pero ¿Cómo cambiar el diseño cada vez que un usuario visita nuestro sitio? Bien, pues la inclusión de imagenes aleatorias es parte de la solución.

Una de las ventajas del crecimiento exponencial de la internet es el desarrollo de herramientas web listas para utilizarse y para la rotación de imagenes usaremos una de ellas, se trata del script en PHP llamado Automatic Labs.

Requisitos:

  • Para usuarlo tienes contar con un servido con soporte PHP 4.2 o superior

Instrucciones:

  • Descarga el script rotate.php desde automaticlabs.com
  • Crea un directorío en tu sitio donde colocaras las imagenes a usar (por ej. imagenes/aleatorias).
  • Coloca en ese directorio las imagenes a usar y el escript rotate.php
  • Para usar el script, insertas la imagen con el código:


<img src='imagenes/aleatorias/rotate.php' alt='imagen rotatoría'/>

Notas:

  • Si sigues las instrucciones no tendras que modificar nada en el script.
  • El script, hará la rotación de todas las imagenes de extensión .jpg, .jpeg .gif y .png que se encuentren en el directorío.
  • Sí quieres tener el script a otro carpeta tienes que cambiar la ruta del directorío de imagenes en el script en la linea:

    $folder = 'imagenes/rotarias/';

    Con la ruta que desees usar y cambiar la ruta en donde se usura la imagen por la nueva donde se encuentra el script.

  • Este script también funciona para rotar otro tipo de archivos como PDF y PHP, se aplica de la misma manera que a las imagenes pero especificando el tipo especifico, por ejemplo para un PDF:

    $extList['pdf'] = 'application/pdf';

Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. Gabriel / Hace 9 años /

      Se puede asociar a cada imagen una URL?

      Responder a Gabriel →
    2. elios / Hace 8 años /

      Hola gracias por la informacion, tengo dos dudas, esto funciona en bloggerr?
      si es asi, como se hace para poner el codigo?
      Gracias, espero que haya respuesta.

      Responder a elios →
    3. Francisco / Hace 8 años /

      @elios no, Blogger no usa PHP, pero busca en google “script rotar imágenes” y cualquiera hecho en javascript te servirá.

      Responder a Francisco →
    4. elios / Hace 8 años /

      gracias Francisco, tomare tu consejo.

      Responder a elios →
    5. saro / Hace 8 años /

      Muy buena aportación gracias.

      Responder a saro →
    6. Summer / Hace 8 años /

      No me andubo :/, no toque nada y no me andubo igual 🙁

      Responder a Summer →
    7. ocean / Hace 7 años /

      Muy bueno, pero como podría hacer que las imgs cambien automaticamente cada x segundos? Disculpen si mi pregunta es muy tonta pero soy novato en esto. Gracias de antemano y saludos.

      Responder a ocean →
    8. alan / Hace 7 años /

      disculpa pero como se enlasaria para que cambie mi hoja de estilos en mi pagina web asi pensarias que mi pagina cambia cada ves que la visitas pero no con los div y el css solo cambia la forma de ver la paguina y sigue siendo la misma

      ya cree varias hojas de estilo

      ya agrege lo sig a la lista
      $extList = array();

      $extList[‘css’] = ‘text/css’;

      pero como lo enlazo a mi web

      Responder a alan →
    9. Jesus herrera / Hace 7 años /

      Alan, mira el ejemplo de enlazar en la imagen:

      entonces una vez puesto el directorio en el archivo “ritate.php” sobre el css mas o menos seria asi

      asi podras enlazar el archivo y asi mismo cambiar tu hoja de estilos, de hecho me gusto mucho el script, lo vi hace mucho en la pagina de Iron Maiden, pero jamas crei encontrarlo para bajarlo, saludos

      Responder a Jesus herrera →
    10. FidoX / Hace 6 años /

      Hola! Gracias por esta enseñanza, una pregunta, como podria aplicarlo en mi sitio de wordpress?

      Responder a FidoX →
    11. Jesus Herrera / Hace 6 años /

      @FidoX:

      si quieres que sea a una imagen para esto debes de tener el archivo rotator.php configurado, yo lo tengo en una carpeta e imagenes del mismo tamaño, entonces pongo el code

      obvio el codigo completo para la imagen no es asi perote da una idea, en la carpeta tengo las imagenes, tengo archivos pdf, archivos en php para que mi pagina cada vez que sea actualizada o este en algun linkd e la misma cambie todo, esto lo adapte a wordpress y me sorve mucho, saludos

      Responder a Jesus Herrera →
    12. Ricardo / Hace 6 años /

      Excelente el Script, buen aporte… pero mi pregunta es la siguiente… ¿Como podrían cambiar las imágenes automáticamente sin tener que estar actualizando la pág? Y la otra sería ¿Como se manejaria esta pág con BDD?

      Gracias amigo, esperando pronta y positiva respuesta a mi solicitud jejeje

      Responder a Ricardo →
    13. sebastian / Hace 6 años /

      @Jesus herrera:
      No pude usarlo con los css, podrias postear un ejemplo.
      gracias

      Responder a sebastian →
    14. Mauricio / Hace 5 años /

      Podrías dar un ejemplo de el producto final, para ver si es realmente lo que estoy buscando, la imágenes cambian cuando renuevas la página o cada determinado tiempo?

      Responder a Mauricio →
    15. Jesus Herrera / Hace 5 años /

      @Mauricio:

      El script funciona cuando se actualiza donde este se encuentra, por ejemplo si lo tienes en un wordpress en la cabecera de la pagina, mientras se vaya navegando este ira cambiando imágenes constantemente. saludos

      Responder a Jesus Herrera →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad