MouseOver Image

[kumiko]

halo, i got some questions about the photo listing and then popup position.
in my page, i got 5 image listing, when i mouse over the thumbnail, it will call a CSS to pop up the larger photo.

since i set the left position with value in my CSs. therefore all the popup image will popup and show at the left side.

my problem is:
how can i set a position for the image in these 2 situation
:
1. when I mouse over the image which located at the most left side, the pop up image will display on the right;
2. when i mouseover the most right side image, the pop up image will display at the left.

for the middel image it still remain display at the left
plz help. thank you

[jeremybass]

Hello, Just some thoughts... if your list is static you could have three CSS id for the right center left... no JS needed there so you don't have to worry about the client having JS turned on... If you wanting something with more controll use lightbox... i like lightbox gone wild the best... but you'd still need to do a little work in the JS... but just measure the x of onmousedown and if <40% use CSS id left elseif >60% use CSS id right, else use CSS id center... just some thoughts... :D

***edit***
just a sec thoguh.. you'd have to change the triggers to fit your needs...

[Stomme poes]

Leave all of them the same if they're all going to the left... give the one you want going to the right a class... with CSS you can refer to this class and set a different position. I do it with drop-down menus all the time (the farthest left menu item needs the dropdown to go to the right so the browser window doesn't cut it off).

[kumiko]

soli, the photo listing is dynamic. it is call out from the recordset.therefore, just use 1 CSS. thanx