Aleatorio de fondo de la CSS
Hoy, quiero un blog personal a otro, fondo, son muy populares por escrito en el CSS en el interior.
Elija un par de fotos, pero CSS sólo puede establecer un fondo.
Como
A 2 3 | body { url ( http : //img401 .imageshack .us/img401/ 7982 /speedlikecy01.jpg ) center no-repeat background: url (. http:/ / img401 imageshack .us/img401 / 7982 / speedlikecy01.jpg) del centro de no repetición } |
Pero sólo se puede establecer en una, sintiendo un poco aburrido.
Piense en Ideal, cada vez que abra el blog al azar mostrará un fondo diferente.
Random CSS de fondo rotante
Buscar en la Internet, sino que debe ser incorporado en las páginas web en su interior. Simplemente consiste en modificar el php o html.
Quiero una dirección URL para el fondo css, a continuación, de forma automática y aleatoria mostrar un fondo diferente.
Ideal, más una búsqueda en la red, y, finalmente, pensó en utilizar un PHP fácil de lograr.
A 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | <? Php / ************************************************* ****************************** * Por favor, no la borre el mensaje para la depuración * Título: random_css_background.php * Versión: 1.0 @ 09 de julio 2010 * Autor: speedlikecy * Página web: speedlikecy.001zone.com ************************************************** ****************************** Usted puede obtener el detalle de aquí http://diy.001zone.com/blog/352/random-css-background Compruebe la muestra speedlikecy.001zone.com Por favor, siéntase libre de usar y ponerse en contacto conmigo por cualquier motivo Reportaje: El azar y la rotación de la salida el enlace de las imágenes, el estilo de la de la CSS Uso: 1.Descargar este ejemplo de código y la edición. "Random_css_background.php" 2.Upload a la página web. 3.Reemplaze la dirección URL en estilo CSS "background: url (http://example.com/random_css_background.php)". ************************************************** **************************************************************** / / / El conjunto de las direcciones URL de las imágenes en / / Establecer la ubicación de la imagen array ( $ Imágenes = array ( "Http :/ / img541.imageshack.us/img541/378/smilesn.jpg", "Http :/ / img401.imageshack.us/img401/7982/speedlikecy01.jpg", "Http :/ / img338.imageshack.us/img338/9566/speedlikecy02.jpg", "Http :/ / img535.imageshack.us/img535/75/taiwanlanyu.jpg", "Http :/ / img686.imageshack.us/img686/1931/togetherhand.jpg", ); Función / / Random / / Número aleatorio de función time ( ) ) ; srand ( el tiempo ()); / / Establecer el número de imágenes en (rand ()% 5), el este de la muestra es de 5 / / Establecer el número de imágenes ( rand ( ) % 5 ) ; $ Aleatorio = ( rand ()% 5); / / La salida a la url Los resultados / / de salida 'Location:' . $images [ $random ] ) ; la cabecera ('Location:' $ imagen [$ aleatoria]); > |
Modo de empleo:
random_css_background.zip
Copie o descargue el código anterior, modificar, subir a Internet.
Modificar el CSS, como background: url (http://example.com/random_css_background.php).
Terminado.
Ejemplo:
speedlikecy.001zone.com
Cada recorrido al azar sustituirá a la imagen de fondo.
Otros usos:
CSS + DIV.
A 2 3 | # {Random_img url ( http://example.com/random_css_background.php ) center no-repeat ; background: url (http://example.com/random_css_background.php) Centro de no-repeat; } |
A
| <div id="random_img"> <! --- el conten ---> </ div> |
Las llamadas directas a los
A
| <img src="http://example.com/random_css_background.php"/> |
N º relacionada con los mensajes.
