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

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 1348 días /

    Se puede asociar a cada imagen una URL?

    Responder a Gabriel →
  2. elios / Hace 992 días /

    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 991 días /

    @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 991 días /

    gracias Francisco, tomare tu consejo.

    Responder a elios →
  5. saro / Hace 917 días /

    Muy buena aportación gracias.

    Responder a saro →
  6. Summer / Hace 870 días /

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

    Responder a Summer →
  7. ocean / Hace 784 días /

    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 484 días /

    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 454 días /

    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 225 días /

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

    Responder a FidoX →
  11. Jesus Herrera / Hace 225 días /

    @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 196 días /

    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 189 días /

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

    Responder a sebastian →
  14. Mauricio / Hace 66 días /

    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 65 días /

    @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.

Blog and Web es un blog de Blógstica

Términos de uso - Política de privacidad