asked on

Popup only partly visible

I am working on a page at www.mauitradewinds.com/Test/StarWind.htm Thumbnail images are supposed to popup larger images on mouseover. One image, bath.jpg, exhibits unusual behavior on mouseover under Chrome and Safari, but not under IE or Firefox. On mouseover, the popup only displays a portion of the image, confined within the boundaries of the td where the thumbnail resides. Please show me my code error or advise how to correct this.

Eyal

I recommend using http://jacklmoore.com/colorbox/

ddantes

ASKER

Thank you for your recommendation. Having invested resources in the current CSS/javascript approach, I'm hesitant to abandon it when it is very close to operational. Can you reproduce the problem I described?

ddantes

ASKER

This issue seems to have resolved by itself. I have made several changes to the html and CSS, but I can't account for which change resulted in the resolution.

ddantes

ASKER

I've requested that this question be deleted for the following reason:

The problem was resolved before any Expert could identify its cause or remedy.

Eyal

for me it's not working all the time even in firefox.

personal note: I think you should take a graphic designer. the site is not so inviting

ddantes

ASKER

Thank you for your comment. Would you mind clarifying a couple of points? What isn't working all the time in Firefox? What is it about the site which you find uninvitng? Your feedback is valuable to me.

Eyal

the hovering on images not working all the time
graphic design looks very messy. today trend is to keep the background clean as much as possible
look at this links
http://www.luxuryretreats.com/villa-page/index.aspx?vid=106753
http://www.villadirect.com/orlando-vacation-homes/Aviana%27s-Best.html
http://www.flipkey.com/tucson-vacation-rentals/p243037/
I think if you will gather all the pictures in one place it will be better

ddantes

ASKER

Thank you for your comments. The hover effect is confined to the center of the thumbnail, so that the mouse is not triggering a popup every time it touches any aspect of a picture. If you hover over the center of an image and there is no popup, I would like to know.

I appreciate your taking time to gather those links to other vacation home sites, and I checked all of them. I see that, aside from one picture or graphic feature, the other pictures are segregated from the text.

One last question, if you are willing to reply. When you describe the graphic design as "very messy" , is that because there are pictures mingled with the text, or because of some other feature?

ASKER CERTIFIED SOLUTION

Eyal

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ddantes

ASKER

Thank you kindly for the time you invested in presenting good examples and screenshot. I will consider this input. As for the reason why hovering is only active in the center of the thumbnail... I don't want users to be annoyed by a popup every time their mouse touches a thumbnail. With javascript popups, this is controlled by a time delay, so the user has to intentionally hover for a moment before there will be a popup. The system on this page uses CSS, not javascript, for the popup. So I thought of limiting the active area for mouseover. The active area doesn't have to be so small, it can be changed easily with CSS. I will give this further thought.

We would love to have you come for vacation. But for now, please accept points! BTW, I was in Israel during its 20th anniversary in 1968 -- had a wonderful time.

Eyal

I wasn't born yet in that year :)
I'm sure lot has changed here since then. you are welcome to visit us again :)

meanwhile I will be glad to get some points :)

South Mod

Objecting so that author may award points.

SouthMod
Community Support Moderator