Problema con visor de imagenes

nirvanave1 · 16 Jun 2009, 23:24 · Solicitar retirada

hola este mi primer tema, y estoy buscando ayuda, les explico estoy haciendo un visor de imagenes y buscando codigos me baje uno que funciona buenisimo pero solo tiene un detalle que las imagenes no se adaptan a un cuadro sino que salen del tamaño que en realidad son, lo que quiero es que se ajusten al cuadro donde se van a mostrar, este es el codigo que estoy utilizando:

<HTML><HEAD><TITLE>Visor de imágenes sin lista desplegable</TITLE>

<SCRIPT language=javascript src="http://www.elcodigo.net/jscode/navegacion.js"
type=text/javascript></SCRIPT>

<SCRIPT language=javascript type=text/javascript>

//titulo
var titulo = "Titulo de la presentación"
//datos imagenes
var imagenes = new Array (
"imagenes/galeria/foto1.jpg", "Título primera imagen", "Descripción primera imagen: foto de ...", "#",
"imagenes/galeria/foto2.jpg", "Título segunda imagen", "Descripción segunda imagen: foto de ...", "#",
"imagenes/galeria/foto3.jpg", "Título tercera imagen", "Descripción tercera imagen: foto de ...", "#",
"imagenes/galeria/foto4.jpg", "Título cuarta imagen", "Descripción cuarta imagen: foto de ...", "#"
)
//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 (actual <= (imagenes.length/4)-1 ) {
// document.images.visor.src = document.formulario.imagen.value
// document.formulario.imagen.selectedIndex = actual
document.images.visor.src = imagenes[4*actual]
document.formulario.imagen.value = imagenes[4*actual+1]

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.images.visor.src = imagenes[4*actual]
document.formulario.imagen.value = imagenes[4*actual+1]

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.images.visor.src = imagenes[0]
document.formulario.imagen.value = imagenes[4*actual+1]

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
actual = (imagenes.length/4)-1
document.images.visor.src = imagenes[4*actual]
document.formulario.imagen.value = imagenes[4*actual+1]

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()
}

//realiza reproduccion atuomatica
function reproducir() {
if (document.formulario.automatico.value == "Detener") {
// actual = (actual == document.formulario.imagen.length-1) ? 0 : actual+1
actual = (actual == (imagenes.length/4)-1) ? 0 : actual+1

// document.images.visor.src = document.formulario.imagen.value
// document.formulario.imagen.selectedIndex = actual
document.images.visor.src = imagenes[4*actual]
document.formulario.imagen.value = imagenes[4*actual+1]

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('<input type="text" name="imagen" size="' + ancho + '" value="' + imagenes[1] + '">')

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>

<META content="MSHTML 6.00.6000.16851" name=GENERATOR></HEAD>
<BODY>
<div id="Layer2" style="position: absolute; left: 83px; top: 36px; width: 605px; height: 76px; z-index: 2">

</P>

<DIV align=center>
<SCRIPT language=javascript type=text/javascript>PintaVisor();</SCRIPT>
</DIV>

</P>

</BODY>
</HTML>

sino puedes ver.. mira este link http://www.elcodigo.net/cgi-bin/DBread.cgi?tabla=scripts&campo=0&cl…

pero en ese link las imagenes son del mismo tamaño y las que yo quiero publicar son distintos tamaño y el cuadro se pone de todo tamaño dependiendo la foto.. ayuda por favor

maggieG · 14 Dic 2009, 20:42 · Solicitar retirada

yo tambien consegui ese codigo q esta muy bueno..la verdad no se como solucionarte tu problema..pero yo lo que no puedo hacer es agregarle fotos y que siga funcionando, no se q parametros cambiarle