Hola otra vez :
al final no me aguanté y tuve que hacerme una versión propia de tu
slide-show para imágenes. ( ahora ya puedo dormir tranquilo )
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>
Si cambias
transition=12 por
transition=23 , cada vez que alguien visite la página se va a encontrar con un nuevo efecto de transición; y si estás haciendo el documento para
IE5.5 tienes algunas posibilidades más, como abrir la nueva imagen con efecto de estrella, cruz, aspas... ( te dejo un enlace para que las veas )
¿Cómo resuelves el tema de que el usuario mueva el puntero hacia la barra de desplazamiento, o de dirección, o de tareas, y no dispare una imagen por accidente? . Tal vez sea mejor usar
onclick en vez de
onmouseover .
Es una lástima que no pongas un
link a la página -seguramente temes que lo consideren
spam- , tenía curiosidad por saber el por qué de la imposibilidad para cambiar el tamaño de las imágenes.
saludos
furoya
http://msdn.microsoft.com/library/de...er/filters.asp