Consulta, Por Favor

[oscar pereyra]

HOLA:
SI FUERAS TAN AMABLE QUISIERA SABER LO SIGUIENTE:
CUANDO COLOCO EL SCRIPT LAS FOTOS SE VAN MUY ABAJO EN LA PÁGINA, COMO PUEDO HACER PARA QUE LAS MISMAS QUEDEN A UNA ALTURA ACEPTABLE, AQUI TE MANDO EL SCRIPT, DESDE YA MUCHAS GRACIAS.SALUDOS OSCAR. ROSARIO ARGENTINA



<script language="javascript">

imagen1=new Image
imagen1.src="foto canalla.jpg"
imagen2=new Image
imagen2.src="fondo piedras.gif"

var i=1;

function cambiar() {
if (i == 1)
{
document.images['ejemplo'].src=imagen2.src
i=2;
}
else
{
document.images['ejemplo'].src=imagen1.src;
i=1;
}
}

</script>






<img src="fondo negro.gif" name="ejemplo" onMousedown="cambiar()">

[TurKa]

El script no debería modificar la posición de las imágenes en lo absoluto.

Lo que puede ser, es que las imágenes tengan tamaños diferentes y entonces sí, al pasar el mouse el resto de las imágenes se corren de lugar.

Lo que debes hacer es "asignarle a cada imagen una posición absoluta".

Ejemplo:

<span style="position: absolute; left: 10; top: 10">
<img src="fondo negro.gif" name="ejemplo" onMousedown="cambiar()">
</span>

<span style="position: absolute; left: 10; top: 60">
<img src="fondo negro _2.gif" name="ejemplo" onMousedown="cambiar()">
</span>

Y así sucesivamente. si ubicas las fotos una debajo de la otra, la posición que deberás cambiar es "top:".
Si las ubicas una al lado de la otra, deberás cambiar "left:".

Si utilizas un editor que te permita hacer preview, podrás manejar la posición de las imágenes de mejor forma.

AHHHHHHHHHHH!!!!!!!!!!! También puedes hacerlo colocando las imágenes en una tabla (una en cada celda) y asignándole un alto preestablecido a cada fila.

<table>
<tr>
<td width="100%" height="150">aca iria una imagen</td>
</tr>
<tr>
<td width="100%" height="180">aca iria la otra imagen</td>
</tr>
</table>

Ojalá haya servido.