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.
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.
Hazte una funcion en php y llamala desde el css, aunque no se si te dejará.
¿pq me gustara tanto el jamon serrano con un poquito de aceite todo en pan?
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;
}
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;
}
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 ‘‘;
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,
¡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!
Muy bueno! es lo que estaba buscando, y encima funciona!!! gracias
Hola amigo estoy intentando insertar un link a cada imagen pero no doy con tal caso podrias ayudarme?