Volví otra vez con un problemon. Hice todas las pruebas y funcionan bien, pero resulta que estoy llamando a otra página de mi sitio que contiene código javascript para cambiar fotos y si lo llamo con este método, no me funciona el otro, o sea, las fotos ya no cambian.
Este es es srcipt:
<script language="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.ima2.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="ima2" onload="fotilla(this.width,this.height,this.src)"> </div>')
}
</script>
Y el link es este:
a href="javascript
:cambia('corporacion01gde.jpg')">< img src="corporacion01ch.jpg" width="100" height="75" border="0" class="cuadro-marcoBL"></a>
a href="javascript
:cambia('corporacion02gde.jpg')">< img src="corporacion02ch.jpg" width="100" height="75" border="0" class="cuadro-marcoBL"></a>
etc...
Acá es donde deberían aparecer las fotos al hacer click en los links:
<div align="center">
<p><img src="corporacion01gde.jpg" name="ima1" width="334" height="320" id="ima1"></p>
<script language="JavaScript">inicio()</script>
</div>
El funcionamiento de esto pueden verlo acá:
http://www.corfam.com/index.php?id=1
La verdad, no entiendo por que no funciona ahora.
Gracias a todos.
Marx.