Imágenes diarias
Hola, tengo el siguiente javascript:
<script language="javascript">
<!-- Comienzo
today = new Date()
document.write("<a href="ole"><img border=0 src='imagendeldia/principal" + today.getDate() + ".jpg' alt='Imagen del Dia'></a>");
// Fin -->
</script>
Quisiera modificarlo para que la imagen que muestra se pudiera enlazar al hacer click a otra imagen en mayor calidad que se llamara parecida a las anteriores (ejemplo: principal12.jpg (origen)--> principal2b (destino)
Espero haberme explicado. Muchas gracias
<script language="javascript">
<!-- Comienzo
today = new Date()
document.write("<a href="ole"><img border=0 src='imagendeldia/principal" + today.getDate() + ".jpg' alt='Imagen del Dia'></a>");
// Fin -->
</script>
Quisiera modificarlo para que la imagen que muestra se pudiera enlazar al hacer click a otra imagen en mayor calidad que se llamara parecida a las anteriores (ejemplo: principal12.jpg (origen)--> principal2b (destino)
Espero haberme explicado. Muchas gracias
2 Respuestas
Respuesta de guolfy
1
Perdón por el retraso en la contestación pero he estado ausente por motivos personales.
Bueno el tema que me planteas tiene dos opciones (al menos por lo que entiendo que quieres), una abriendo la nueva imagen en una ventana nueva con lo que tendrías que poner el enlace a la nueva página en la que le pases el parámetro de la imagen a visualizar.
La otra forma es mostrando la nueva imagen en el mismo sitio que la anterior, para ello lo que tienes que hacer es incluir el evento OnCLick dentro de la etiqueta de la imagen, en la que le muestres la nueva imagen, de esta manera:
<img border=0 name='imagen1' src='imagendeldia/principal" + today.getDate() + ".jpg' alt='Imagen del Dia' onClick='javascript:document.all.imagen1.src=''"nueva imagen"''>
Bueno el tema que me planteas tiene dos opciones (al menos por lo que entiendo que quieres), una abriendo la nueva imagen en una ventana nueva con lo que tendrías que poner el enlace a la nueva página en la que le pases el parámetro de la imagen a visualizar.
La otra forma es mostrando la nueva imagen en el mismo sitio que la anterior, para ello lo que tienes que hacer es incluir el evento OnCLick dentro de la etiqueta de la imagen, en la que le muestres la nueva imagen, de esta manera:
<img border=0 name='imagen1' src='imagendeldia/principal" + today.getDate() + ".jpg' alt='Imagen del Dia' onClick='javascript:document.all.imagen1.src=''"nueva imagen"''>
Respuesta de gandalf26
1
Espero haberte entendido bien...
La cosa seria poner el href="ole" como
var imagenGrande="imagendeldia/principal" + today.getDate() + "Grande.jpg"
href="window.open(imagenGrande,'','ATRIBUTOS_DE_LA_NUEVA_VENTANA_DONDE_SALDRA_LA_IMAGEN')"
Como podrás adivinar, la imagen grande tendría el mismo nombre que la pequeña, pero acabado en "..."+Grande.jpg.
La cosa seria poner el href="ole" como
var imagenGrande="imagendeldia/principal" + today.getDate() + "Grande.jpg"
href="window.open(imagenGrande,'','ATRIBUTOS_DE_LA_NUEVA_VENTANA_DONDE_SALDRA_LA_IMAGEN')"
Como podrás adivinar, la imagen grande tendría el mismo nombre que la pequeña, pero acabado en "..."+Grande.jpg.
Perdona pero te di el código equivocado, creo que me entendiste bien, quiero que cada imagen tenga la otra para ser ampliada. Te paso el código nuevo, a ver si me puedes hacer el favor de terminármelo montado solo para copiar, es que no tengo ni idea, y si me lo das por partes no se donde ponerlo, MUCHAS GRACIAS
<script language="javascript">
<!-- Comienzo
today = new Date()
document.write("<img border=0 src='imagendeldia/principal" + today.getDate() + ".jpg' alt='Imagen del Dia'>");
// Fin -->
</script>
<script language="javascript">
<!-- Comienzo
today = new Date()
document.write("<img border=0 src='imagendeldia/principal" + today.getDate() + ".jpg' alt='Imagen del Dia'>");
// Fin -->
</script>
No me parece que sea tan difícil... pero bueno, veamos, siguiendo tu ultimo código...
<script language="javascript">
<!-- Comienzo
today = new Date();
// pensando en que las grandes estan en ese directorio...
imagengrande="imagendeldia/principal/grandes"+today.getDate()+".jpg";
document.write("<img border=0 src='imagendeldia/principal" + today.getDate() + ".jpg' alt='Imagen del Dia' onClick=\"window.open(imagengrande,'','')\">");
// Fin -->
</script>
Así te abre una ventana nueva con la imagen grande...
<script language="javascript">
<!-- Comienzo
today = new Date();
// pensando en que las grandes estan en ese directorio...
imagengrande="imagendeldia/principal/grandes"+today.getDate()+".jpg";
document.write("<img border=0 src='imagendeldia/principal" + today.getDate() + ".jpg' alt='Imagen del Dia' onClick=\"window.open(imagengrande,'','')\">");
// Fin -->
</script>
Así te abre una ventana nueva con la imagen grande...