colocar div en top o bottom segun tamaño ventana

[isidremiquel]

hola a tod@s!!

Soy nuevo aqui y esta es mi primera duda (espero que no sea la última) a ver si alguien puede responderme porque ya empiezo a estar desesperado y me he recorrido todo google... :(

Al pasar el mouse por una foto creo un div dinámicamente que muestra esa foto más grande. lo que quiero es que la foto se situe en el top o el bottom del window visible. Os paso un ejemplo de una página de un banco de imágenes para que lo veais más gráficamente.

sorry si no me he explicado bien..

ahi va el enlace

http://es.fotolia.com/p/203314333?order=nb_dow

muchas gracias por adelantado

[ocp001a]

Pues... primero define la condición para que la foto tome una u otra posición, y cambia su posición con las propiedades top y left de acuerdo a tus necesidades.

document.getElementById('tufoto').style.top=0;
document.getElementById('tufoto').style.left=0;
//esquina superior izquierda.

[isidremiquel]

gracias por tu rápida respuesta!

si... el top y el left lo defino dinámicamente con js según la posicion del puntero..
aqui te dejo el enlace de mi página web donde se puede ver lo que he echo hasta ahora..

està en fase diseño :(( así que tendrá muchos errores y sólo lo he testeado en chrome y firefox.. y mi experiencia en javascript està en fase beta aún...

http://www.leomagdala.com/leo

y lo que me interesaría saber es cómo puedo poner el div siempre visible, ya que a veces se corta por abajo o por arriba dependiendo de la altura del scroll...

un saludo!!