Hola a todos! Tengo este código que ya lo había usado una vez pero no sé por qué ahora que lo quiero implementar nuevamente no funciona. El tema es que al seleccionar los thumbails que se generan, no me cambia las imágenes mas grandes dnd está creado el div.
Este es el código:
Código:
<script language="javascript" type="text/JavaScript">
var maxAncho = 334 //define la anchura máxima de la imagen
var maxAlto = 220 //define la altura máxima de la imagen
function fotilla(ancho,alto,cual)
{
if (ancho > alto) {forma = 'apaisada'}
if (ancho < alto) {forma = 'retrato'}
document.ima1.src = cual
if(forma == 'apaisada')
{
if(ancho > maxAncho)
{
porcientoAnchura = parseInt(maxAncho/ancho*100)
document.ima1.width = maxAncho
document.ima1.height = porcientoAnchura*alto/100
}
}
else if (forma == 'retrato')
{
if (alto > maxAlto)
{
porcientoAltura = maxAlto/alto*100
document.ima1.height = maxAlto
document.ima1.width = porcientoAltura*ancho/100
}
}
}
function cambia(cual)
{
document.ima1.src=cual
}
function inicio()
{
document.write('<div id="perico" style="position:absolute; width:1px; height:1px; z-index:1; overflow: hidden; visibility: hidden;"><img src="' + document.ima1.src + '" name="ima1" onload="fotilla(this.width,this.height,this.src)"></div>')
}
</script>
Los links donde aparecen las fotos son estos donde aparecen las fotos en miniatura:
Código:
<a href="javascript:cambia('imageprop/lascaletas01.jpg')"><img src="imageprop/lascaletas01.jpg" width="100" height="75" border="0"></a>
<a href="javascript:cambia('imageprop/lascaletas02.jpg')"><img src="imageprop/lascaletas02.jpg" width="100" height="75" border="0"></a>
Y acá debería de aparecer la imagen que selecciono desde las miniaturas.
Código HTML:
<div align="center">
<p><img src="imageprop/lascaletas03.jpg" name="ima1" width="334" height="320" id="ima1"></p>
<script language="JavaScript">inicio()</script>
</div>
Lo raro es que no me tira ningún error. La verdad, no sé por qué no funciona o si me falta algo.
Si le pueden dar una miradita porfa amigos, se los voy a agradecer.
Salutes. Marx.