Head con fondo aleatorio

  • Este debate tiene 2 respuestas, 1 mensaje y ha sido actualizado por última vez el hace 13 años, 4 meses por Anónimo.
Mostrando 2 respuestas a los debates
  • Autor
    Entradas
    • #101047
      Anónimo
      Invitado

      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.

    • #101058
      Anónimo
      Invitado

      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:
      http://www.cristalab.com/tutoriales/generar-estilos-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

      http://www.quemebusquenencanada.com

    • #101093
      Anónimo
      Invitado

      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.


      <!--
      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( '' );
      document.write('body{');
      document.write('background-image: url("'+fondo[ele]+'");');
      document.write('}');
      document.write('');
      // -->

      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.

Mostrando 2 respuestas a los debates
  • Debes estar registrado para responder a este debate.
Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad