Sencilla función escrita en JavaScript que realiza una rotación de la imagen de fondo de una capa <div> de manera aleatoria.
De esta manera puede hacerse que la cabecera de una página varíe de manera no predecible entre un grupo de n imágenes disponibles.
<script type='text/javascript'>
function Rotaaandooo() {
var banner = new Array(
"directorio/subdirectorio/imagen-1.jpg",
"directorio/subdirectorio/imagen-2.jpg"
);
var n = Math.round((banner.length - 1) * Math.random());
var cabecera = document.getElementById("cabecera");
cabecera.style.backgroundImage = "url('" + banner[n] + "')";
// activar esta línea para comprobar qué mostrará
// alert(banner[n]);
}
// establece el tiempo en milisegundos (1000)
setInterval('Rotaaandooo()',1000);
</script>
<div id="cabecera" style="...">...</div>Vamos a hacer un test.
Ten en cuenta que la imagen cambia aleatoriamente.
Publicado originalmente en mi primer intento de ser profesional freelance, en 2011, en una web profesional creada para tal fin y cuya URL era acmove.com.
Lo he recuperado vía archive.org, junto a otros que recuperaré porque (1º) es de mi autoría y (2º) lo vuelvo a necesitar.
Necesito por un lado un pequeño código, que desarrollaré de éste, para que a veces muestre un banner publicitario y a veces otro, no solo de manera aleatoria sino dependiendo del origen del usuario que visita la página.
¿Bonito reto, eh?
Estas son las frikadas que me enganchan.
Este contenido que luego pasaría a nexcomunica.com, con fecha de 17 de noviembre de 2011, una de las varias sub-marcas que tuvo mi primer proyecto de empresa de marketing digital 360º llamada NexBoreal, creado junto a otros dos socios y que posteriormente se convertiría en NexGlobal.
La página de ACmove desapareció pronto, justo cuando creamos NexBoreal. Y este proyecto y su subconjunto de marcas desaparecieron en el año 2013 o 2014 cuando la empresa se escindió en dos partes.
Una de esas batallas que aún no he narrado en este sitio web.
Pero que haré.
Algún día.
Paciencia.