Lunes, 10 Diciembre 2018

Head con fondo aleatorio

¡ Compartelo en tus REDES SOCIALES ! y siguenos en TWITTER

7 años 3 meses antes
Avatar de antitaurino
antitaurino
Invitado
Invitado
Autor del tema
Head con fondo aleatorio #22137
Buenas. ¿Alguien conoce la manera de poner un fondo aleatorio en el head de una plantilla?

Lo que quiero en concreto es que cambie el fondo del head cada vez que se refresca la página. Se que existen códigos que hacen esto, pero no doy con uno que funcione.

Gracias desde ya.
Saludos.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

7 años 3 meses antes
Avatar de qmbecanada
qmbecanada
Invitado
Invitado
Head con fondo aleatorio #22147
Saludos:

Si el fondo del head lo has establecido con CSS tendrás que hacer un CSS que se cree a través de PHP.
En esta página cuenta como hacerlo:
www.cristalab.com/tutoriales/generar-est...css-con-php-c55466l/

Si no está puesto como estilo; símplemente usa la función rand() de PHP para escoger un fichero u otro. P.e. defines un array con un montón de nombres de imágenes y coges uno al azar.

Atentamente

qmbecanada

www.quemebusquenencanada.com

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

7 años 3 meses antes
Avatar de antitaurino
antitaurino
Invitado
Invitado
Autor del tema
Head con fondo aleatorio #22182
Gracias qmbecanada por responder. Finalmente encontré una manera aun más sencilla de hacer esto. Dejo el código por si le sirve a alguien.
<script language="JavaScript">
<!--
var fondo = new Array();


fondo[0] = 'dirección fondo 0';
fondo[1] = 'dirección fondo 1';
fondo[2] = 'dirección fondo 2';

var ele = Math.round(Math.random()*1);

document.write( '<style type="text/css">' );
document.write('body{');
document.write('background-image: url("'+fondo[ele]+'");');
document.write('}');
document.write('</style>');
// -->
</script>

Para añadir y editar las imagenes de fondo, hemos de editar las siguientes lineas:
fondo[0] = 'dirección fondo 0';
fondo[1] = 'dirección fondo 1';
fondo[2] = 'dirección fondo 2';

Ahí habrá que ir creando fondo[0], fondo[1], fondo[2], fondo[3], fondo[4]... donde su valor (dirección fondo) sera la url del fondo. Podemos añadir todas las que queramos siguiendo siempre la misma estructura.


Luego, hemos de editar:
var ele = Math.round(Math.random()*1);

Cambiando el 1 por el numero de fondos que hemos puesto.
Ejemplo si tenemos 4 fondos:

var ele = Math.round(Math.random()*1,2,3,4);

Saludos.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Temas Relacionados

Asunto temas relacionadosRelevanciaFecha del último post
Error aleatorio8.2Viernes, 22 Junio 2012
head7.61Miércoles, 11 Mayo 2011
Como incluir algo dentro del head???7.28Viernes, 05 Agosto 2011
Colocarle un titulo a la pagina en title del head en joomla 1.57.2Lunes, 26 Diciembre 2011
color de fondo5.35Lunes, 27 Julio 2009
cambia fondo5.35Viernes, 23 Diciembre 2011
Poner música de fondo a una web5.29Jueves, 09 Septiembre 2010
Ponerle fondo a un modulo5.29Martes, 21 Junio 2011
No muestra fondo en firefox5.29Martes, 09 Agosto 2011
cambiar fondo de un articulo5.29Jueves, 23 Febrero 2012
Tiempo de carga de la página: 0.382 segundos

Warning: preg_match(): Unknown modifier '/' in /home/solojoomla/public_html/plugins/system/cache/cache.php on line 217