A ver furoya:
El script que pusiste en este tema es justo lo que quería, la pena que sólo funciona en Internet Explorer y no en otros:
Código:
<HTML>
<HEAD>
<SCRIPT>
var foto=new Array()
foto[0]=new Image()
foto[0].src=
"http://www.forosdelweb.com/images/smilies/adios.gif"
foto[1]=new Image()
foto[1].src=
"http://www.forosdelweb.com/images/home.gif"
foto[2]=new Image()
foto[2].src=
"http://www.forosdelweb.com/images/a/header_calendario.gif"
foto[3]=new Image()
foto[3].src=
"http://www.forosdelweb.com/images/a/logo_header.gif"
</SCRIPT>
<SCRIPT>
var tamanio;
function cambiar(im){
cont.filters.revealTrans.apply();
if(foto[im].width>foto[im].height){
tamanio=" width=300";};
else {tamanio=" height=300"};
v0.value=foto[im].width;
v1.value=foto[im].height;
nuevoCont="<table border=0 width=302 height=302 cellspacing=0>"+
"<td align=center><img src="+foto[im].src+tamanio+"></td></table>";
cont.innerHTML=nuevoCont;
cont.filters.revealTrans.play();
}
</SCRIPT>
</HEAD>
<BODY>
<center>
<div id=cont style="filter:revealTrans(transition=12 , duration=4);
width:310px; height:310px; background:
url('http://www.forosdelweb.com/images/a/right_bottom.gif')">
</div>
<p>
<input /*onclick="cambiar(0)"*/ onmouseover="cambiar(0)" height=30 type=image src=
"http://www.forosdelweb.com/images/smilies/adios.gif">
<input /*onclick="cambiar(1)"*/ onmouseover="cambiar(1)" height=30 type=image src=
"http://www.forosdelweb.com/images/home.gif">
<input /*onclick="cambiar(2)"*/ onmouseover="cambiar(2)" height=30 type=image src=
"http://www.forosdelweb.com/images/a/header_calendario.gif">
<input /*onclick="cambiar(3)"*/ onmouseover="cambiar(3)" height=30 type=image src=
"http://www.forosdelweb.com/images/a/logo_header.gif">
_ Ancho original : <input id=v0 size=4> _
Alto original : <input id=v1 size=4>
</center>
</BODY>
</HTML>
Comentabas también que el filtro "
revealTrans(transition=12 , duration=4)" funcionaba sólo en
Internet Explorer. Y que era mejor usar el filtro
alpha con
opacidad.
No he llegado a comprender cómo se hace para usar eso.
Yo he intentado en poner el filtro "
alpha" en vez del "
revealTrans", sustituyendo uno por otro tanto en los "
script" como en el "
div":
Código:
function cambiar(im){
cont.filters.alpha.apply();
...
cont.filters.alpha.play();
...
<div id=cont style="filter:alpha(opacity=0.5);
width:310px; height:310px; background:
url('http://www.forosdelweb.com/images/a/right_bottom.gif')">
</div>
Aunque de esta forma, a no ser que lo haga mal, me quedo sin el efecto de transición.
Luego, ¿cómo hay que adaptar el código para que el efecto de transición funcione tanto en el Internet Explorer como en otros como el Netscape ó Firefox?
He visto que para estos últimos, se usa el "
-moz-opacity:1;" (de 0 a 1) pero tampoco sé como se usa ó se le llama después de configurarlo dentro de un estilo.
¿Una ayudita con la modificación?
Saludos,
zacktagnan.
================================================== ========