[SOLUCIONADO] Programar publicaciones

[eldknobogado97]

Buenas a todos.

Como hago para programar una serie de imágenes con javascript, se que seguro es algo muy básico disculpa a quien le moleste, pero es que de apoco voy aprendiendo.

Son solo 6 imágenes que serán publicadas de lunes a domingo y cada imagen tendrá un botón de descarga de un archivo (zip) por debajo, de hacer posible sino con lo de la imagen me arreglo

(SABADO Y DOMINGO SERÁN LAS MISMAS IMÁGENES) . No se si la palabra correcta seria publicada pero si

llegadas las 00:00 quiero que se remueva la imagen vieja y entre la otra.


COMO SE HACE ESO?

[lubtufano]

Para trabajar con fechas en javascript se usa la clase Date, con el método getDay() se obtiene el día de la semana en forma de número (lunes es 1, martes es 2, miércoles es 3, etc.), entonces utilizando esta clase y un bloque switch se puede cambiar el atributo src de la imagen y href del enlace de descarga según corresponda con el día. El problema con esta solución es que al ejecutarse javascript en el cliente la fecha y día depende de la configuración que cada usuario tenga en su sistema, por lo tanto, si alguno tiene la fecha equivocada verá la imagen y enlace incorrecto, es más conveniente realizar esto con algún lenguaje del lado del servidor, así la fecha, imagen y descarga serían igual para todos.

Saludos.

[eldknobogado97]

Cada imagen tiene por si el titulo del día las personas se darán cuenta que no es del dia

mira esto es lo que pude hacer segun tu criterio que tal esta?.


currentday = new date();
currentday = currentday.getDay();





switch (currentday) {
case = 1:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

case = 2:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

case = 3:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

case = 4:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

case = 5:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

case = 6:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

case = 7:
var bloq=document.getElementById("bloque");
bloq.innerHTML= "<img src="ruta_de_la_imagen.jpg" alt="" />";
break

}

[lubtufano]

Hay algunos errores, es new Date() no new date() javascript discrimina entre mayúsculas y minúsculas, en case no se necesita el signo = y en la cadena que le pasas a innerHTML si se usan comillas dobles para encerrarla, dentro (en los atributos HTML) se deben usar comillas simples

bloq.innerHTML= "<img src='ruta_de_la_imagen.jpg' alt='' />";

si se encierra con comillas simples dentro se deben usar comillas dobles

bloq.innerHTML= '<img src="ruta_de_la_imagen.jpg" alt="" />';

también se pueden escapar las comillas mediante \

bloq.innerHTML= "<img src=\"ruta_de_la_imagen.jpg\" alt=\"\" />";

[eldknobogado97]

Mira he cambiado lo que me dijiste y lo he ajustado según mi parecer pero no pillo cual es el error porque no me sale
Este es el codigo:


currentday = new Date();
currentday = currentday.getDay();

var bloq = document.getElementById("bannerconten");

switch (currentday) {
case 1:

bloq.document.write('<img src="imagenes/hq.jpg"/>');

break

case 2:

bloq.document.write('<img src="imagenes/hqd.jpg>');

break

case 3:

bloq.document.write('<img src="imagenes/hqdefault.jpg>');

break

case 4:

bloq.document.write('<img src="imagenes/hqdet.jpg>');

break

case 5:

bloq.document.write('<img src="imagenes/images.png>');

break

case 6:

bloq.document.write('<img src="imagenes/it.JPG>');

break

case 7:

bloq.document.write('<img src="imagenes/wallpaperjpg>');

break

}

[lubtufano]

document.write() no se puede asignar a otros elementos, se usa solo, para que funcione debes poner ese código en el lugar donde quieres aparezca al imagen, por lo que veo debe ser dentro del elemento con id="bannerconten", suponiendo que se trata de un <div>

Código Javascript:

<div id="bannerconten">
    <script language="javascript">
    
        currentday= new Date();
        currentday= currentday.getDay();
        
        switch(currentday) {
            case 1:
                document.write('<img src="imagenes/hq.jpg" />');
                break;
            case 2:
                document.write('<img src="imagenes/hqd.jpg" />');
                break;
            //resto del código...
        }
        
    </script>
</div>
 

También debes cerrar correctamente las comillas en el atributo src de las imagenes.

[PHPeros]

Hay que tener en cuenta que getDay empieza desde 0 (domingo), luego nunca va a retornar "7" pues son más días de los que realmente hay

Y en vez de usar switch puedes usar un array, que es en definitiva una relación entre valores e índices numéricos.

[eldknobogado97]

Muchas gracias por el aguante, me funciono el código