English Português

Ya te habíamos mostrado un script prediseñado para hacer la rotación de banner (o hasta de otras aplicaciones) y ahora te mostraremos como puedes hacer el tuyo.

Primero creamos un arreglo con cada una de las imagenes que vamos a usar, después aleatorizamos el número de images y al final lo escribimos en el documento.

De esta forma:

<?php

/*Crear una arreglo con las imagenes aleatorias con su ubicación*/

$imagenes[0]='imagen_aleatoria_1.jpg';
$imagenes[1]='imagen_aleatoria_2.jpg';
$imagenes[2]='imagen_aleatoria_3.jpg';
$imagenes[3]='imagen_aleatoria_4.jpg';
$imagenes[4]='imagen_aleatoria_5.jpg';

/* Aca es importante le des el número de imagenes comenzando de 0 */
$i=rand(0,4);

/* Mostramos la imagen aleatoria */

print '<img src="'.$imagenes[$i].'">';

?>

Sí quieres darle más atributos a la clase, como una descripción, puedes agregar un ‘ alt=”descripción” ‘ a la linea de descripción y quedaría como sigue:

print '<img src="'.$imagenes[$i].'" alt="Descripción">';

Y lo mismo puedes hacer si la imagen usa un mapa de links.

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. Manuel / Hace 7 años /

    Hola

    Tengo una duda sobre como introducir esas imágenes aleatorias en mi blog. El código para la imagen es el siguiente:

    #headerimage {
    background-image:url(http://farm3.static.flickr.com/2221/2317114758_4a75278cc5_o.jpg);
    background-position:center;
    background-repeat:no-repeat;
    border-bottom:1px solid #FFFFFF;
    border-top:1px solid #FFFFFF;
    clear:both;
    height:150px;
    }

    Si trato de sustituir el código que dais por la dirección en la segunda línea de la imagen actual, entre parentesis, me da error. Como puedo pues introducir el código para que me muestre imágenes aleatorias en ese punto de la página.

    Muchas gracias de antemano.

    Responder a Manuel →
  2. eU / Hace 7 años /

    Hazte una funcion en php y llamala desde el css, aunque no se si te dejará.

    Responder a eU →
  3. coma / Hace 6 años /

    ¿pq me gustara tanto el jamon serrano con un poquito de aceite todo en pan?

    Responder a coma →
  4. Idalicius / Hace 6 años /

    Hola, sino me equivoco quedaria mas omenos asi, espero y te sirva de ayuda.

    #headerimage {
    background-image:url(
    <?PHP print ”; ?>
    );
    background-position:center;
    background-repeat:no-repeat;
    border-bottom:1px solid #FFFFFF;
    border-top:1px solid #FFFFFF;
    clear:both;
    height:150px;
    }

    Responder a Idalicius →
  5. Idalicius / Hace 6 años /

    Hola, sino me equivoco quedaria mas omenos asi, espero y te sirva de ayuda.

    #headerimage {
    background-image:url(
    <?PHP print ”; ?>
    );
    background-position:center;
    background-repeat:no-repeat;
    border-bottom:1px solid #FFFFFF;
    border-top:1px solid #FFFFFF;
    clear:both;
    height:150px;
    }

    Responder a Idalicius →
  6. Carlos Astudillo / Hace 6 años /

    Es posible agregarle link a cada imagen, no soy muy bueno con el php pero me gustaria utilizar ese script, será que si le agrego estó.

    $href[0]=’/#link_1′;
    $href[1]=’/#link_2′;
    $href[2]=’/#link_3′;
    $href[3]=’/#link_4′;
    $href[4]=’/#link_5′;

    y el print

    lo sustituyo por esté servira.

    print ‘‘;

    Responder a Carlos Astudillo →
  7. Carlos / Hace 6 años /

    Hola… q tal todo? Un favor, es que deseo que varias imágenes carguen al mismo tiempo pero en orden diferente cada vez que se entre en la página.

    Gracias,

    Responder a Carlos →
  8. Yorgi / Hace 5 años /

    ¡Me estoy volviendo loco con esto! No sé por qué, pero al ejecutar el archivo .php lo único que aparece en pantalla es:

    ‘; ?>

    Que al parecer es el final del código que se ha escrito arriba. No sé por qué pero creo que está entendiendo el cierre del “img src” como el cierre del PHP. La verdad es que el PHP es nuevo para mí y me suena a chino, así que supongo que será un error de principiante.

    Tan sólo he copiado y pegado el código de arriba dentro del de un archivo .php y cambiado el nombre de las imágenes del ejemplo por las de mis archivos.

    ¿Alguien sabría indicarme dónde estoy fallando? ¡Muchas gracias!

    Responder a Yorgi →
  9. rosak / Hace 4 años /

    Muy bueno! es lo que estaba buscando, y encima funciona!!! gracias

    Responder a rosak →
  10. ChenaL / Hace 3 años /

    Hola amigo estoy intentando insertar un link a cada imagen pero no doy con tal caso podrias ayudarme?

    Responder a ChenaL →

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