Duda sobre este javascript

Bajada23 · #1 (**permalink**) 04/04/2011, 17:21

Buenas noche gente, Mi problema es este;
Un colega de este foro, me brindo este codigo javascript, que su función es cambiar de imagen, segun la hora y dia. Aqui les dejo

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>

<img src="" id="imagen_cambiante" />

<script type="text/javascript">

function cambie_imagen (){
var d = new Date();
thisDay=d.getDay()

var la_hora = d.getHours();

var list_images;

if(thisday == "1"){ // SI ES LUNES
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg ","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "2") { // SI ES MARTES
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg ","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "3") { // SI ES MIERCOLES
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg ","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "4") { // SI ES JUEVES
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg ","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "5") { // SI ES VIERNES
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg ","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "6") { // / SI ES SABADO
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg ","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "7") { // SI ES DOMINGO
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg ","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]
}

var imagen_seleccionada = list_images[la_hora];
window.document.getElementById("imagen_cambiante") .src = imagen_seleccionada;
}

cambie_imagen();
setInterval ("cambie_imagen()", 60000 ); // Esta linea hace que cada 60 segundo cheque si cambio de hora, y asi camibar de imagen
</script>

</body>
</html>

El problema es que no me aparece ninguna imagen, creo que el problema esta aqui

Cita:

Y la verdad que soy principiante y no tengo mucha idea como solucionar este pequeño problema.

P/D: Obviamente que tengo las imagenes numeradas del 0 al 23 en formato JPG. puestas en la misma carpeta que el HTML. por las dudas aclaro jaja
Desde ya muchas gracias.

monomix · #2 (**permalink**) 04/04/2011, 17:53

hola soy nuevo... tal vez podria ser que no estas llamando a la funcion cambie_imagen.
si es así, podrias hacerlo en el body con onload="cambie_imagen()"

espero que sea de utilidad

Bajada23 · #3 (**permalink**) 04/04/2011, 20:07

La verdad que me deja desconcertado esto.. Tampoco logre que funcione asi..
No logro ver donde esta el error

Perr0 · #4 (**permalink**) 05/04/2011, 08:57

Hola Bajada23

mejor usa este que funciona bien, solo usa una imagen que pesa menos de 100 kb como sprites, asi no tendras problemas con que te muestre o no los numeros.

Probado en IE 7 y 8, FF, CHROME

el código me parece que es mas simple que el que usas y está configurado para que funcione segundo a segundo

http://perr0.netii.net/exs/timgsprite/

salu2

Bajada23 · #5 (**permalink**) 05/04/2011, 11:11

Perr0 Esta buenísimo ese código, pero no es lo que necesito, y como no tengo muchos conocimientos con javascript se me hace difícil editarlo para usarlo con la función que yo pretendo. Mi idea es así, tengo una RADIO ONLINE, con programas de locución en vivo, entonces lo que quiero es que aparezca la imagen del locutor a la hora que trasmite, si trasmite a las 20:00 en esa hora para todos los usuarios que entran a la web pueda visualizar la imagen, pero que ha su vez, sea editable según los días, porque puede hacer lunes a las 20 hs pero martes a las 20 hs hace otro locutor, que seria otra imagen. Me explico?
Espero su respuesta y su ayuda! gracias chicos!

Perr0 · #6 (**permalink**) 05/04/2011, 12:10

Bajada23 en ese caso te aconsejo que obtengas la hora por el servidor con el lenguaje que manejes, ya que por javasscript puede ser modificada.

como hacerlo,

usas un iframe, de la página que contendrá los programas

ademas de un refresh en esa página de 60 segundos (como tu estipulas)

<meta http-equiv="refresh" content="2;url=paginaactual.php">

donde paginaactual.php es la página del iframe que se autorecargará

solo basta que coloques un codigo, por ejemplo en php se me ocurre algo asi:

Código PHP:

Ver original<?
$dia=date("w");
$hora=date("G");
 
if($dia==0){
    //DOMINGO
    if($hora==0) {$programacion="programa x";$animador="<img src=\"Juan.jpg\" />";}
    if($hora==1) {$programacion="programa x";$animador="<img src=\"Pedro.jpg\" />";}
    if($hora==2) {$programacion="programa x";$animador="<img src=\"Bruno.jpg\" />";}
    //[mas codigo]
}elseif$dia==1){
    //LUNES
    if($hora==0) {$programacion="programa x";$animador="<img src=\"Juan.jpg\" />";}
    if($hora==1) {$programacion="programa x";$animador="<img src=\"Pedro.jpg\" />";}
    if($hora==2) {$programacion="programa x";$animador="<img src=\"Bruno.jpg\" />";}
    //[mas codigo]
}elseif$dia==2){
    //MARTES
    //[mas codigo]
}elseif$dia==3){
    //MIERCOLES
    //[mas codigo]
}elseif$dia==4){
    //JUEVES
    //[mas codigo]
}elseif$dia==5){
    //VIERNES
    //[mas codigo]
}elseif$dia==6){
    //SABADO
    //[mas codigo]
}
 
echo "Bienvenidos a $programacion<br>";
echo $animador
?>

salu2

InKarC · #7 (**permalink**) 05/04/2011, 12:27

Creaste otro tema solo para preguntar por ese error?... como ya te comente en el otro foro el unico error es que thisDay=d.getDay() esta en mayusculas la variable, deberia ser thisday=d.getDay()

Eso es todo.