Aquí estoy de nuevo con este visor. Ahora me pasa que necesito que se abra por defecto en modo "Reproducir" en lugar de en modo "Detener", que es como se abre.
El visor lo puedes copiar así:
PASO 1: COPIA Y PEGA TODO ESTO ENTRE <head> y </head>
<script language="javascript" type="text/javascript">
//CONFIGURACION - MODIFICA ESTOS VALORES PARA ADAPTAR EL SCRIPT
//titulo
var titulo = "Titulo de la presentación"
//datos imagenes
var imagenes = new Array (
"imagenes/logogea.jpg", "Título primera imagen", "Descripción primera imagen: foto de ...", "http://link.primera.imagen",
"imagenes/caribe.jpg", "Título segunda imagen", "Descripción segunda imagen: foto de ...", "http://link.segunda.imagen",
"imagenes/imagen-caribe.jpg", "Título tercera imagen", "Descripción tercera imagen: foto de ...", "#",
"imagenes/atubola.gif", "Título cuarta imagen", "Descripción cuarta imagen: foto de ...", "http://link.cuarta.imagen"
)
//para dejar una imagen sin enlace, poner el siguiente valor: "#" (como en la tercera imagen)
//ancho y alto area descripcion
var ancho = 35 //numero de columnas
var alto = 3 //numero de filas
//ancho y alto de recuadro visor en pixels (si la imagen es mayor, el recuadro se adapta a la imagen)
var ancho_visor = 350
var alto_visor = 280
//retardo entre imagenes en la reproduccion automatica (milisegundos)
var retardo_rotacion = 1000
//FIN SECCION CONFIGURACION
//indice
var actual = 0
//ir a la siguiente imagen
function siguiente() {
actual++
if (document.formulario.imagen) {
document.images.visor.src = document.formulario.imagen.value
document.formulario.imagen.selectedIndex = actual
document.formulario.descripcion.value = imagenes[4*actual+2]
atualizaEnalce( imagenes[4*actual+3] )
}
else ir_inicio()
}
//ir a la imagen anterior
function anterior() {
actual--
if (actual >= 0) {
document.images.visor.src = document.formulario.imagen.value
document.formulario.imagen.selectedIndex = actual
document.formulario.descripcion.value = imagenes[4*actual+2]
atualizaEnalce( imagenes[4*actual+3] )
}
else ultimo()
}
//ir a la primera imagen
function ir_inicio() {
actual = 0
document.images.visor.src = document.formulario.imagen[0].value
document.formulario.imagen.selectedIndex = 0
document.formulario.descripcion.value = imagenes[2]
atualizaEnalce( imagenes[3] )
}
//ir a la ultima imagen
function ultimo() {
actual = document.formulario.imagen.length-1
document.images.visor.src = document.formulario.imagen.value
document.formulario.imagen.selectedIndex = actual
document.formulario.descripcion.value = imagenes[4*actual+2]
atualizaEnalce( imagenes[4*actual+3] )
}
//cambia a modo reproduccion automatica
function repAuto(text) {
document.formulario.automatico.value = (text == "Detener") ? "Reproducir" : "Detener"
reproducir()
}
function cambiaLista() {
actual = document.formulario.imagen.selectedIndex
document.images.visor.src = document.formulario.imagen.value
document.formulario.descripcion.value = imagenes[4*actual+2]
atualizaEnalce( imagenes[4*actual+3] )
}
//realiza reproduccion atuomatica
function reproducir() {
if (document.formulario.automatico.value == "Detener") {
actual = (actual == document.formulario.imagen.length-1) ? 0 : actual+1
document.images.visor.src = document.formulario.imagen.value
document.formulario.imagen.selectedIndex = actual
document.formulario.descripcion.value = imagenes[4*actual+2]
atualizaEnalce( imagenes[4*actual+3] )
window.setTimeout("reproducir()", retardo_rotacion)
}
}
//actualizacion enlace
function atualizaEnalce( nuevoEnlace ) {
var imagen
if (document.getElementById) {
imagen = document.getElementById("enlace")
} else if (document.all)
imagen = document.all.enlace
else //no soportado
return
imagen.href = nuevoEnlace
}
//pinta visor de imagenes
function PintaVisor() {
with (document) {
write('<form name="formulario">')
write('<table cellspacing="1" cellpadding="4" bgcolor="#000000">')
write('<tr>')
write('<td align="center" bgcolor="#C0C0C0">')
write( titulo )
write('</td>')
write('</tr>')
write('<tr>')
write('<td align="center" bgcolor="white" width="' + ancho_visor + '" height="' + alto_visor + '">')
write(' + '"][contenido no disponible]')
write('</td>')
write('</tr>')
write('<tr>')
write('<td align="center" bgcolor="#C0C0C0">')
write('<select name="imagen" onChange="cambiaLista();">')
write('<option value="' + imagenes[0] + '" selected>' + imagenes[1])
numelem = imagenes.length
for ( var x = 4; x < numelem; x=x+4 ) {
write('<option value="' + imagenes + '">' + imagenes[x+1])
}
write('</select>')
write('</td>')
write('</tr>')
write('<tr>')
write('<td align="center" bgcolor="white">')
write('<textarea name="descripcion" rows="' + alto + '" cols="' + ancho + '">' + imagenes[2] + '</textarea>')
write('</td>')
write('</tr>')
write('<tr>')
write('<td align="center" bgcolor="#C0C0C0">')
write('<input type="button" onClick="ir_inicio();" value="|<<" title="Inicio">')
write('<input type="button" onClick="anterior();" value="<<" title="Anterior">')
write('<input type="button" name="automatico" onClick="repAuto(this.value);" value="Reproducir" title="Reproducción automática">')
write('<input type="button" onClick="siguiente();" value=">>" title="Siguiente">')
write('<input type="button" onClick="ultimo();" value=">>|" title="Ultimo">')
write('</td>')
write('</tr>')
write('</table>')
write('</form>')
}
}
</script>
PASO 2: AHORA COPIA Y PEGA ESTO OTRO ENTRE <body> y </body>
<div align="center">
<script language="javascript" type="text/javascript">PintaVisor();</script>
</div>
Ya deberías verlo, pero por si me he comido algo, puedes descargarlo desde http://www.elcodigo.net/cgi-bin/DBread.cgi?tabla=scripts&campo=0&cl…
Por supuesto, tienes que cargar en él tus imágenes para poder ver algo.
No sé si me he explicado bien: cuando abres el visor (prueba a hacerlo si quieres), aparece la primera de las imágenes que hayas cargado. Y si no le dás al boton "Reproducir" no eha a andar la reproducción en secuencia. En otras palabras, hay que activar manualmente la secuencia de imágenes (dando clic a "Reproducir") para que vayan pasando una a una. Y lo que yo necesitaría sería que estuviera reproduciendo en secuendia al abrir la web sin necesidad de tener que pinchar el "Reproducir".
Y, por último, (esto ya es para nota):
Cuando abres la web donde está el visor, Internet Explorer no permite la carga de este script (te sale la famosa barra amarilla de arriba diciéndote que ha bloqueado un script y que si quieres que se cargue tienes que darle aquí y allí). Para poder apreciar lo que te digo, tienes que abrirlo con la opción de "visualizar en el navegador "x", y no en el modo "preview".
Esto sé que es así porque mi Explorer está configurado para no permitir determinados elementos por seguridad (muchos lo tenemos así). Pero hay páginas con scripts que se abren sin que el Explorer diga ni bloquee nada de nada. De hecho, si vas al link de donde he sacado el script y lo abres allí, el Explorer ya no protesta y se carga sin más preguntas.
¿Se puede burlar al Explorer con este visor, y hacer que abra la página sin bloquearla?
De nuevo, muuuuuuuuuuuuuuuuuuuuuuchas gracias.
Graciiiiiiiiiiiiiiiiiias mil.
El visor lo puedes copiar así:
PASO 1: COPIA Y PEGA TODO ESTO ENTRE <head> y </head>
<script language="javascript" type="text/javascript">
//CONFIGURACION - MODIFICA ESTOS VALORES PARA ADAPTAR EL SCRIPT
//titulo
var titulo = "Titulo de la presentación"
//datos imagenes
var imagenes = new Array (
"imagenes/logogea.jpg", "Título primera imagen", "Descripción primera imagen: foto de ...", "http://link.primera.imagen",
"imagenes/caribe.jpg", "Título segunda imagen", "Descripción segunda imagen: foto de ...", "http://link.segunda.imagen",
"imagenes/imagen-caribe.jpg", "Título tercera imagen", "Descripción tercera imagen: foto de ...", "#",
"imagenes/atubola.gif", "Título cuarta imagen", "Descripción cuarta imagen: foto de ...", "http://link.cuarta.imagen"
)
//para dejar una imagen sin enlace, poner el siguiente valor: "#" (como en la tercera imagen)
//ancho y alto area descripcion
var ancho = 35 //numero de columnas
var alto = 3 //numero de filas
//ancho y alto de recuadro visor en pixels (si la imagen es mayor, el recuadro se adapta a la imagen)
var ancho_visor = 350
var alto_visor = 280
//retardo entre imagenes en la reproduccion automatica (milisegundos)
var retardo_rotacion = 1000
//FIN SECCION CONFIGURACION
//indice
var actual = 0
//ir a la siguiente imagen
function siguiente() {
actual++
if (document.formulario.imagen) {
document.images.visor.src = document.formulario.imagen.value
document.formulario.imagen.selectedIndex = actual
document.formulario.descripcion.value = imagenes[4*actual+2]
atualizaEnalce( imagenes[4*actual+3] )
}
else ir_inicio()
}
//ir a la imagen anterior
function anterior() {
actual--
if (actual >= 0) {
document.images.visor.src = document.formulario.imagen.value
document.formulario.imagen.selectedIndex = actual
document.formulario.descripcion.value = imagenes[4*actual+2]
atualizaEnalce( imagenes[4*actual+3] )
}
else ultimo()
}
//ir a la primera imagen
function ir_inicio() {
actual = 0
document.images.visor.src = document.formulario.imagen[0].value
document.formulario.imagen.selectedIndex = 0
document.formulario.descripcion.value = imagenes[2]
atualizaEnalce( imagenes[3] )
}
//ir a la ultima imagen
function ultimo() {
actual = document.formulario.imagen.length-1
document.images.visor.src = document.formulario.imagen.value
document.formulario.imagen.selectedIndex = actual
document.formulario.descripcion.value = imagenes[4*actual+2]
atualizaEnalce( imagenes[4*actual+3] )
}
//cambia a modo reproduccion automatica
function repAuto(text) {
document.formulario.automatico.value = (text == "Detener") ? "Reproducir" : "Detener"
reproducir()
}
function cambiaLista() {
actual = document.formulario.imagen.selectedIndex
document.images.visor.src = document.formulario.imagen.value
document.formulario.descripcion.value = imagenes[4*actual+2]
atualizaEnalce( imagenes[4*actual+3] )
}
//realiza reproduccion atuomatica
function reproducir() {
if (document.formulario.automatico.value == "Detener") {
actual = (actual == document.formulario.imagen.length-1) ? 0 : actual+1
document.images.visor.src = document.formulario.imagen.value
document.formulario.imagen.selectedIndex = actual
document.formulario.descripcion.value = imagenes[4*actual+2]
atualizaEnalce( imagenes[4*actual+3] )
window.setTimeout("reproducir()", retardo_rotacion)
}
}
//actualizacion enlace
function atualizaEnalce( nuevoEnlace ) {
var imagen
if (document.getElementById) {
imagen = document.getElementById("enlace")
} else if (document.all)
imagen = document.all.enlace
else //no soportado
return
imagen.href = nuevoEnlace
}
//pinta visor de imagenes
function PintaVisor() {
with (document) {
write('<form name="formulario">')
write('<table cellspacing="1" cellpadding="4" bgcolor="#000000">')
write('<tr>')
write('<td align="center" bgcolor="#C0C0C0">')
write( titulo )
write('</td>')
write('</tr>')
write('<tr>')
write('<td align="center" bgcolor="white" width="' + ancho_visor + '" height="' + alto_visor + '">')
write(' + '"][contenido no disponible]')
write('</td>')
write('</tr>')
write('<tr>')
write('<td align="center" bgcolor="#C0C0C0">')
write('<select name="imagen" onChange="cambiaLista();">')
write('<option value="' + imagenes[0] + '" selected>' + imagenes[1])
numelem = imagenes.length
for ( var x = 4; x < numelem; x=x+4 ) {
write('<option value="' + imagenes + '">' + imagenes[x+1])
}
write('</select>')
write('</td>')
write('</tr>')
write('<tr>')
write('<td align="center" bgcolor="white">')
write('<textarea name="descripcion" rows="' + alto + '" cols="' + ancho + '">' + imagenes[2] + '</textarea>')
write('</td>')
write('</tr>')
write('<tr>')
write('<td align="center" bgcolor="#C0C0C0">')
write('<input type="button" onClick="ir_inicio();" value="|<<" title="Inicio">')
write('<input type="button" onClick="anterior();" value="<<" title="Anterior">')
write('<input type="button" name="automatico" onClick="repAuto(this.value);" value="Reproducir" title="Reproducción automática">')
write('<input type="button" onClick="siguiente();" value=">>" title="Siguiente">')
write('<input type="button" onClick="ultimo();" value=">>|" title="Ultimo">')
write('</td>')
write('</tr>')
write('</table>')
write('</form>')
}
}
</script>
PASO 2: AHORA COPIA Y PEGA ESTO OTRO ENTRE <body> y </body>
<div align="center">
<script language="javascript" type="text/javascript">PintaVisor();</script>
</div>
Ya deberías verlo, pero por si me he comido algo, puedes descargarlo desde http://www.elcodigo.net/cgi-bin/DBread.cgi?tabla=scripts&campo=0&cl…
Por supuesto, tienes que cargar en él tus imágenes para poder ver algo.
No sé si me he explicado bien: cuando abres el visor (prueba a hacerlo si quieres), aparece la primera de las imágenes que hayas cargado. Y si no le dás al boton "Reproducir" no eha a andar la reproducción en secuencia. En otras palabras, hay que activar manualmente la secuencia de imágenes (dando clic a "Reproducir") para que vayan pasando una a una. Y lo que yo necesitaría sería que estuviera reproduciendo en secuendia al abrir la web sin necesidad de tener que pinchar el "Reproducir".
Y, por último, (esto ya es para nota):
Cuando abres la web donde está el visor, Internet Explorer no permite la carga de este script (te sale la famosa barra amarilla de arriba diciéndote que ha bloqueado un script y que si quieres que se cargue tienes que darle aquí y allí). Para poder apreciar lo que te digo, tienes que abrirlo con la opción de "visualizar en el navegador "x", y no en el modo "preview".
Esto sé que es así porque mi Explorer está configurado para no permitir determinados elementos por seguridad (muchos lo tenemos así). Pero hay páginas con scripts que se abren sin que el Explorer diga ni bloquee nada de nada. De hecho, si vas al link de donde he sacado el script y lo abres allí, el Explorer ya no protesta y se carga sin más preguntas.
¿Se puede burlar al Explorer con este visor, y hacer que abra la página sin bloquearla?
De nuevo, muuuuuuuuuuuuuuuuuuuuuuchas gracias.
Graciiiiiiiiiiiiiiiiiias mil.