Imagenes aleatorias con PHP
Marzo 11th, 2007 | Publicado por Francisco en PHP | 6 Comentarios
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.
Marzo 9th, 2008 a las 8:25 am (#)
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.
Mayo 21st, 2008 a las 9:11 am (#)
Hazte una funcion en php y llamala desde el css, aunque no se si te dejará.
Julio 19th, 2008 a las 2:56 pm (#)
¿pq me gustara tanto el jamon serrano con un poquito de aceite todo en pan?
Septiembre 16th, 2008 a las 3:02 pm (#)
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;
}
Septiembre 16th, 2008 a las 3:04 pm (#)
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;
}
Noviembre 26th, 2008 a las 10:59 am (#)
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 ‘‘;