¿CÓMO SE PUEDEN AÑADIR MÁS IMÁGENES A ESTE SCRIPT?

HUSKY · 24 Ene 2009, 13:13 · Solicitar retirada

Hola; a ver si alguien me puede ayudar con este script. Gracias de antemano.

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>

Y YA ESTA: DEBERÍAS PODER VER UN VISOR DE IMÁGENES (las imágenes no las verás, claro, a no ser que las cargues tú de una de tus carpetas de objetos).

Si no ves el visor, es porque igual me he saltado algo: puedes copiarlo en la siguiente dirección:

http://www.elcodigo.net/cgi-bin/DBread.cgi?tabla=scripts&campo=0&cl…

Y el problema que tengo es que necesito poner más de las cuatro imágenes que hay configuradas en este visor y no sé cómo hacerlo. En cuanto le pongo la quinta imagen ya me da error.

Sé que se trata de modificar algún numerito (poner "5" donde pone "4" o algo así), pero he hecho varias pruebas y no doy con el asunto.

Si no lo conseguís, podríais decirme dónde encontrar algún visor similar de imágenes como este. Es imprescindible que las imágenes sean enlaces como las de este visor.

Me haríais un gran favor, porque estoy atascado por culpa de esto y no encuentro nada similar en ninguna parte.

Muchiiiiiiiiiiiiiiisimas gracias.

nexuxirc · 24 Ene 2009, 13:39 · Solicitar retirada

En las lineas 11 y 12 encontraras los cambios que hay que realizar.

Linea 12) imagenes/tuimagen.jpg

Debes crearte una carpeta que se llame "imagenes" y copiar todas las imagenes en esa carpeta

var imagenes = new Array (
Linea 12
"imagenes/003.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"
)

Y cuanto mas imagenes tenga tambien.

Solo agregando estas lineas

"imagenes/atubola.gif", "Título cuarta imagen", "Descripción cuarta imagen: foto de ...", "http://link.cuarta.imagen"

Acuerdate de cerrar con parentisis... )

Saludos y espero que te sirva

HUSKY · 24 Ene 2009, 17:09 · Solicitar retirada

Gracias mil, nexuxirc:

Yo añadía una quinta imagen en la última línea (después de la cuarta) y parece ser que añadiéndola ahí no funciona; sin embargo si la añades como tú has hecho (imagen 003.jpg) en la primera línea, el visor la coge.

Ya que estamos aquí, te planteo otro problemilla con el visor:

Resulta que cuando lo abres, el visor aparece por defecto en el modo de pausa en lugar de estar en secuencia, y hay que darle al botón de "Reproducir" para que eche a andar en secuencia. Y yo necesito que cuando se abra la página web el visor esté andando en secuencia y no parado. Si alguien lo quiere parar para ver algo con más detalle, pues que lo pare. Pero que por defecto cuando abras la página web donde está el visor, tiene que estar enseñando la secuencia de imágenes.

Sé que ya es pedirte mucho, pero ando pillado con este visor y lo necesito con urgencia para desatascarme.

De nuevo muchiiiiiiiiiiiiiiiiisimas gracias.

samurai1 · 6 Oct 2010, 23:15 · Solicitar retirada

Buenas!!!
Ya se que es viejo este post, pero para no abrir otro con el mismo script... (que por cierto he metido mas de 4 imagenes).

El tema es que copie el script tal y como esta aqui y me funciona bien en local con varios los navegadores, pero cuando lo subo al host no se ven las imagenes, lo he revisado varias veces y estan bien los enlaces pero nada, no salen (con otros scripts tambien me ha pasado).

Alguna sugerencia??

Un saludo.