Autor
|
Tema: Cambiar fondo de pagina web cada cierto tiempo (Leído 15,662 veces)
|
basickdagger
Desconectado
Mensajes: 650
System.out.println("this is weird as fuck");
|
hola que tal, eh visto paginas web que su fondo cambia cada cierto tiempo me gustaria saber si alguien sabe como,.. tengo mi css pero creo que eso se hace con javascript si ocupan algo de mi codigo pidanmelo... por lo de "no hacemos la tarea " pero no se que parte de codigo necesiten.
gracias de antemano
|
|
|
En línea
|
|
|
|
dark_sargon
Desconectado
Mensajes: 534
CJ
|
¿Hablas de que el fondo cambie mientras el visitante está online o que el fondo cambie dependiendo de una hora, un día o fecha específica?
|
|
|
En línea
|
|
|
|
basickdagger
Desconectado
Mensajes: 650
System.out.println("this is weird as fuck");
|
mientras esta en linea... vi algunos ejemplos y me lo plantean asi pero no funciona.. var num_img=1; function cambiar() { javascript:document.body.style.background="img/'+ num_img +'.jpg"; num_img=num_img+1; if (num_img>7) { num_img=1 } } setInterval("cambiar()",7000);
donde num_img son el nombre de las imagenes dentro d ela carpeta img y cada imagen tiene un numero empiesa del 1 hasta el 7 y todas con la extension jpg, el 2000 son los milisegundos, osea cada 7 segundos va cambiar la imagen... pero estoy atoradoo no tengo idea :S
|
|
|
En línea
|
|
|
|
dark_sargon
Desconectado
Mensajes: 534
CJ
|
Bueno, amigo. Hice un script para que veas cómo funciona con colores. Yo lo entiendo como una máquina de estados Tú ponle imagenes en vez de colores... recuerda precargar laas imagenes antes de ejecutar el script. <script language="javascript">
var numero = 0; function cambiar() { if(numero==0){ document.body.style.backgroundColor="red"; numero = 1; }else if(numero==1){ document.body.style.backgroundColor="green"; numero = 2; }else if(numero==2){ document.body.style.backgroundColor="blue"; numero = 0; } } setInterval("cambiar()",2000);
</script> Saludos.
|
|
|
En línea
|
|
|
|
basickdagger
Desconectado
Mensajes: 650
System.out.println("this is weird as fuck");
|
gracias por la respuesta, eh probado el codigo que mostraste funciona pero al querer cambiarlo por imagenes no funciona cambio document.body.style.backgroundColor="green"; lo cambio por document.body.style.backgroundImage='url(img/2.jpg)'; y no funciona y diculpa lode cargar las imagenes antes no se bn a q te refieras o en q momento hago la precarga
|
|
« Última modificación: 18 Julio 2011, 23:59 pm por basickdagger »
|
En línea
|
|
|
|
basickdagger
Desconectado
Mensajes: 650
System.out.println("this is weird as fuck");
|
alguien tendra una respuesta?? =(
|
|
|
En línea
|
|
|
|
darkriz
Desconectado
Mensajes: 1
|
Perdonad, al final siempre hay maneras de hacerlo, aunque quizá he llegado tarde, aquí les va un código que encontré en foros del web punto com No lo he implementado, pero dicen que funciona, lo pondré a prueba a ver qué tal...
<!--- codigo ---> add_action('wp_print_styles', function() { #Carpeta donde se encuentra los fondos (/wp-content/themes/[...]). $directorio = '/images/background/'; #---- No editar --------------------------------------------------------- list($dia, $imagen) = explode(';', urldecode($_COOKIE['background'])); if ($dia != date('d')) { $fondos = scandir(get_stylesheet_directory() . $directorio); $fondos = array_slice($fondos, 2); $imagen = $fondos[array_rand($fondos)]; setcookie('background', date('d') . ';' . $imagen); } $path = get_bloginfo('template_directory') . $directorio; echo "<style type='text/css'>body { background: url('$path$imagen') top center no-repeat; }</style>"; });
<!--- /codigo --->
|
|
|
En línea
|
|
|
|
basickdagger
Desconectado
Mensajes: 650
System.out.println("this is weird as fuck");
|
Perdonad, al final siempre hay maneras de hacerlo, aunque quizá he llegado tarde, aquí les va un código que encontré en foros del web punto com No lo he implementado, pero dicen que funciona, lo pondré a prueba a ver qué tal...
<!--- codigo ---> add_action('wp_print_styles', function() { #Carpeta donde se encuentra los fondos (/wp-content/themes/[...]). $directorio = '/images/background/'; #---- No editar --------------------------------------------------------- list($dia, $imagen) = explode(';', urldecode($_COOKIE['background'])); if ($dia != date('d')) { $fondos = scandir(get_stylesheet_directory() . $directorio); $fondos = array_slice($fondos, 2); $imagen = $fondos[array_rand($fondos)]; setcookie('background', date('d') . ';' . $imagen); } $path = get_bloginfo('template_directory') . $directorio; echo "<style type='text/css'>body { background: url('$path$imagen') top center no-repeat; }</style>"; });
<!--- /codigo --->
hahaha viejisimo el tema... cuando aun estaba en la escuela hahah eso lo resolví hace tiempo con jquery... y existe un plugin de wordpress donde puedes hacerlo también...
|
|
|
En línea
|
|
|
|
|
Mensajes similares |
|
Asunto |
Iniciado por |
Respuestas |
Vistas |
Último mensaje |
|
|
Matar proceso cada cierto tiempo(.bat)
Scripting
|
Hearts
|
1
|
7,161
|
11 Septiembre 2007, 17:30 pm
por nhaalclkiemr
|
|
|
Rotacion de imagenes cada cierto tiempo
Desarrollo Web
|
mark182
|
3
|
8,393
|
19 Junio 2010, 21:35 pm
por mark182
|
|
|
Ejecutar labels cada cierto tiempo
« 1 2 »
Programación Visual Basic
|
El anonimato
|
13
|
7,865
|
22 Febrero 2011, 06:18 am
por ignorantev1.1
|
|
|
Mi PC se congela cada cierto tiempo.
Hardware
|
Taker54
|
2
|
3,089
|
11 Mayo 2020, 17:12 pm
por Taker54
|
|
|
Por que en la página de deporte en directo pirlotvonlinehd.com se carga la página web cada cierto tiempo?
Windows
|
win_7
|
6
|
4,410
|
20 Marzo 2021, 19:07 pm
por win_7
|
|