como puedo hacer esto?

armengual2 · #1 (**permalink**) 01/10/2005, 11:43

haber si alguien me pudiera orientar con esto,en esta pagina en la parte superior derecha hay unas fotos donde arriba pone ampliar imagenes,como podria hacer yo eso foto grande arriba y pequeñas abajo y cuando pose el raton sobre una de ellas se ponga en grande?gracias y un salu2.

http://www.spainhouses.net/es/detail...D13596&e=13596

flaviovich · #2 (**permalink**) 01/10/2005, 12:52

Hola! Tu simplemente necesitabas ver el codigo fuente. Bueno, esta funcion (cambia(n)) es la que muestra las fotos en grande. La posicion de esta, depende donde ubiques este codigo:

Código:

<script language="javascript">document.write("<td bgcolor=#FFFFE2 width="+wAmp+" height="+hAmp+" align=center valign=middle style='border:1px solid #F4F4C0'><IMG NAME=grande id='grande' src=/imagenes/pix.gif BORDER=0 onClick='window.close()' alt='Dúplex en Venta en Marbella'></td>")</script>

function cambia(n){
if ((Imagenes[n].width > wAmp) || (Imagenes[n].height > hAmp)) {
prop = Imagenes[n].width / Imagenes[n].height ;
if (prop > 1) {
document.getElementById("grande").width = wAmp ;
document.getElementById("grande").height = wAmp / prop ;
}
else {
document.getElementById("grande").width = hAmp * prop ;
document.getElementById("grande").height = hAmp ;
}
}
else {
document.getElementById("grande").width = Imagenes[n].width ;
document.getElementById("grande").height = Imagenes[n].height ;
}
document.getElementById("grande").src=Imagenes[n].src;
if (Titulo[n]!="") {
document.getElementById("t").rows[1].cells[0].innerHTML=Titulo[n] ;
document.getElementById("t").rows[1].cells[0].className="tilus" ;
}
else {
document.getElementById("t").rows[1].cells[0].innerHTML=" " ;
document.getElementById("t").rows[1].cells[0].className="tilusvacio" ;
}
}

Espero haberte ayudado

armengual2 · #3 (**permalink**) 01/10/2005, 14:55

flaviovich,gracias por contestar la verdad es que no me entero muy bien yo de java ni ideaentiendo algo de actionscript.si me pudieras explicar algo mas.gracias y un salu2.

flaviovich · #4 (**permalink**) 01/10/2005, 15:29

La funcion cambia(n) la pones en tu codigo, en la seccion <head> entre las etiquetas <script> y </script>.
Pones esto:
<img name="grande" id="grande" src="/imagenes/pix.gif" border=0>
No olvides que tienes que declarar los arreglos donde se guardaran datos sobre tus fotos:

Código:

Imagenes = new Array() ;
Titulo   = new Array() ;
	
   Imagenes[0] = new Image();
   Imagenes[0].src = "http://www.spainhouses.net/fotos/13596/13596_90899_foto263651.jpg";
   Titulo[0]   = "";

Por ultimo, el llamado de la funcion cambia()

Código HTML:

<IMG SRC=http://www.spainhouses.net/fotos/13596/13596_90899_foto263652.jpg WIDTH="+wMin+" HEIGHT="+hMin+" BORDER=0 name=Frame1  alt='Dúplex en Venta en Marbella'  onmouseover='cambia(1)'>

Tambien tienes que declarar los tamaños de las imagenes:

Código:

if (window.screen.width==800) {
   wAmp = 380 ;
   hAmp = 289 ;
   wMin = 72 ;
   hMin = 54 ;
}

Esto es para el caso en que tengas resolucion 800x600, y tambien va en la seccion del <head>.
Bueno, trate de explicarte ese codigo, pero veo que salio algo engorroso.

Seria mejor que veas el codigo fuente!

armengual2 · #5 (**permalink**) 02/10/2005, 01:42

gracias por contestar hasta aqui entiendo algo ,pero el montaje como se haria,todas las fotos pequeñas abajo y como se cambiarian arriba a grandes?la verdad es que en esto soy bastante torpe.gracias y un salu2.

flaviovich · #6 (**permalink**) 02/10/2005, 06:12

Si haces todo lo que te dije en la respuesta anterior, deberia funcionar. Claro que necesitar hacer algunos cambios:

poner la ruta de tus fotos.
el arreglo Imagenes tendra tantos elementos, como tengas imágenes.

Te explico como funciona este script. Al pasar el mouse por una imagen pequeña, se activa el evento onmouseover, que llama a la funcion cambia, y le pasa como parametro el indice de esta.
Por ultimo, te recomiendo ver esto.