Bueno el tema es asi.
Tengo dos imagenes pequeñas. cuando paso el mouse se agrandan pero el tema es que cuando paso sobre la imagen de arriba tendria que tapar a la segunda..,. pero no lo hace...
Alguien sabe como soluccinar este problema.
Recomiendo para que entiendan bien el problema hagn copy paste y sale andando el script
Código PHP:
<html>
<head>
<script type language="javascript">
function cambia(valor)
{
document.all(valor).width="150";
document.all(valor).height="150";
}
function cambia2(valor2)
{
document.all(valor2).width="30";
document.all(valor2).height="38";
}
</script>
<style type="text/css">
<!--
#opciones{
width:500px;
height:130px;
}
#caja1{
position: absolute;
margin:-10px 0 0 30px;
}
#caja2{
position: absolute;
margin:-10 0 0 28px;
}
-->
</style>
</head>
<body>
<div id="opciones">
<br>
Esta es la primer opcion
<div id="caja1">
<img alt src="http://www.remerascopadas.com.ar/disenos/74-carita_1_350.jpg" width="30" height="38" border="0" name="img" onMouseOver="cambia(this.name);" onMouseOut="cambia2(this.name);">
</div>
<br><br><br>
Esta es la seguna opcion
<div id="caja2">
<img alt src="http://2.bp.blogspot.com/_Ayhc-epwQwY/RgzPXkPRyfI/AAAAAAAAADo/M8og2Pa5_Yo/s400/cute_charuca.jpg" width="30" height="38" border="0" name="img2" onMouseOver="cambia(this.name);" onMouseOut="cambia2(this.name);">
</div>
</div>
</div>
</body>
</html>