Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Solucionado [ayuda] Cambio de cabecera automaticamente
#1
Buenas a todos de la comunidad Skylium, tengo unas dudas, necesito que la cabecera de mi web cambie automaticamente random, cada vez que uno recarga la pagina, actualmente la tengo asi:

Código PHP:
<div style="background-color:#000; position:absolute; z-index:20; width:997px; height:164px; top:29px; background-image:url(./imagenes/fondos-cabecera/3.jpg)"></div
 
en la carpeta de las cabeceras tengo 5 imagenes, la idea es que al recargar la pagina aparezca una de esas random, los name de las imagenes son los siguientes: 
1.jpg ' 2.jpg ' 3.jpg ' 4.jpg ' 5.jpg '

la idea es que al recargar la pagina salga una de esas 5 random, espero su ayuda desde ya muchas gracias a todos
#2
Hola @Sergio09 mira este artículo, ahí está lo que quieres pero aplicado a blogger, puedes adaptarlo a tu web ... 

P.D  Si lo adaptas y lo ves a bien puedes regalarnos aquí mismo la solución... o en un tema nuevo. 

Saludos
[Imagen: 5z4em.png]
Guía Panel Clientes ☼   ☼ WIKI ☼   ☼  DNS SKYLIUM ☼   ☼ NORMAS  ☼   ☼ PLANES HOSTING




WWW
#3
Con un poco de lineas de jQuery se puede hacer. Quedaria algo asi:

El HTML:
Código:
<div id="header_bg"></div>

El CSS:
Código:
#header_bg{
     background-color:#000;
     position:absolute;
     z-index:20;
     width:997px;
     height:164px;
     top:29px;
     background-image:url(./imagenes/fondos-cabecera/3.jpg);
   }


El jQuery:
Código:
var numero = 5;                                       // numero de imagenes
var rand = Math.floor((Math.random() * numero)+1);    // numero aleatorio
var imagen = './imagenes/fondos-cabecera/'+rand+'.jpg';

$("#header_bg").css({"background-image": "url("+imagen+")"});



Aquí pongo un ejemplo en vivo: https://jsfiddle.net/zc0zaw4s/

Espero que sea útil (por supuesto este código es mejorable)
#4
solucionado gracias Romeho y Sigbert me hicieron de mucha ayuda, les dejo +1 reputacion


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Codigo Imágenes que cambian automáticamente tucine 8 869 19-05-2015, 03:36 PM
Último mensaje: betiko2424
  ayuda para poner logo sobre imagen de cabecera cahcnehco29 8 1,168 13-06-2013, 03:12 PM
Último mensaje: xd2xd2
  Links automaticamente ? videox 6 668 13-04-2013, 11:09 PM
Último mensaje: Tilinga
  Realiza backups de tu web automáticamente Taquion 6 1,838 25-05-2012, 05:39 PM
Último mensaje: juanchitodesc1



Usuarios navegando en este tema: 1 invitado(s)