Paso 1.- Ve a diseño / edicion de HTML y dentro de <head> y </head> pones este script:
<script type='text/javascript'>
//<![CDATA[
var banner= new Array()
banner[0]="Image01URL"
banner[1]="Image02URL"
banner[2]="Image03URL"
banner[3]="Image04URL"
banner[4]="Image05URL"
banner[5]="Image06URL"
banner[6]="Image07URL"
banner[7]="Image08URL"
banner[8]="Image09URL"
banner[9]="Image10URL"
var random=Math.floor(10*Math.random());
document.write("<style type='text/css'>");
document.write("body {");
document.write(' background: #000000 url("' + banner[random] + '") no-repeat center top;background-attachment:fixed;');
document.write(" }");
document.write("<\/style>");
//]]>
</script>
Para que se vea mejor el asunto le puse de background el fondo negro osea: #000000 para que primero aparezca dicho fondo y luego la imagen, si deseas... cámbialo por uno de tu gusto o borralo definitivamente.
Ademas le implementé el fondo estatico, para que solo el post y los widgets se muevan (prefiere usar fondos con una resolución amlia paa que se adapten a la resolucion de cualquier pantalla, busca un editor de imágenes y disminúyeles la calidad, para que no se te hagan tan pesadas)
Te darás cuenta de que comienza desde el banner 0 ¿verdad? y avanza hasta el 9, esto quiere decir que si los sumas con el cero son entonces 10 los fondos que pondrás, el cero esta ahi por asunto de variables de programacion y ademas por un asunto de cuántica, no le hagas caso... pero si vas a poner mas fondos o quieres disminuirlos tendras que sumar los fondos existentes y poner su numero donde dice: (10*Math.random()) cambiendo el 10 por el num de fondos que vayas a poner.
Como es un asunto de probabilidades tal cual un juego de dados, muchas veces se repetiran los fondos dependiendo del num que tengas cuando hagas click, asi que no te preocupes... asi funciona.
Listo... disfrutalo.
mumuy bueno, ey qe tengo qe hacer para poder estar en tu PUBLICIDAD, mi blog: http://MYESTILODEYO.BLOGSPOT.COM
muy interesante muchas gracias, puedes decir que tipo de resolucion de las imagenes son las que se adaptan normalmente para todas las pantallas porfa
Mmm, sinceramente eso es dificil establecer, deberías intentar tu mismo graduar las imágenes a tu gusto, te recomiendo imagenes pequeñas repetitivas que puedan adaptarse a cualquier tamaño, para eso cambias en el script donde dice: no-repeat y lo dejas solo en: repeat, Jmiur hace un buen post sobre imágenes que se adaptan a cualquier tamaño: http://vagabundia.blogspot.com/2009/09/imagenes-de-fondo-redimensionables.html y si deseas puedes usar la página: http://viewlike.us/ y allí verás los distintos tamaños de pantalla que existen además de como se adaptan a tu diseño ya creado.
Podrías creo jugar con el script intentando que se de un redimensionamiento automático agregándole al script un: height: 100%; width: 100%; justo después del: background-attachment:fixed; (habría que ver si funciona).
En mi experiencia y revisando mis estadísticas los que más me llegan son personas con resoluciones de: 1.024 x 768, y una de las mas altas es: 1.360 x 768, ya te toca decidir a ti, no obstante te recomiendo usar imágenes pequeñas repetitivas que encajen entre si, dando la impresión de ser una panorámica abierta, saludos.