Pop-Up Layers Not Closing Automatically.

[Acorn]

Incidentally, thanks for the site kudos. Nobody said that "Ground or Whole Bean" was a rollover. Hazel nuts popup had to be wider due to the "quantity" options being longer text strings. Why in the world would you soft group the images and text on the mouse-off layer? And thanks for the "leaf page indicator" kudos.

Designers try to make their sites consistent. So when faced with something that looks like all the other images, I expected the same rollover effect to occur. My bad. Fine for the hazelnuts.

The point about soft-grouping items is doing so reduces the file download sizes. Many a good site loses custom if the rendering takes too long as viewers are impatient. My viewing experience here was 15 seconds for all the images to build up. Your labels are all each over 100kB; the tray alone is 2.5MB.
Soft-grouping a yellow/blue/orange background with your circle text means the background becomes a span tag with a colour, which is rendered more quickly and is bytes big.
The soft-grouping hint was also to allow the entire label to be moved as a single entity.

Acorn

[edmiston99]

You're telling me what designers do as if I'm not one. It may help if you stop talking down to me, and put that effort toward clarifying your message. The same rollover effect does occur (mouse-over object, pop-up fades in) on every store item on that page (except holiday of course). I am completely perplexed as to which item you're referring to, and what you think it is doing differently.

Regarding the color backgrounds with the circle text, they are already all one jpg image each (see below). Since it is one image, I'm assuming that you don't mean to soft group it with itself. The pop-ups are already soft grouped with their respective master item on the mouse off layer, so they do move as one. The popups are grouped, but they are on the pop up layer (not the mouse-off layer) so my assumption is that you don't mean those.


one image, not many components.

[edmiston99]

I'm really just wanting to know why the popups aren't closing. As I stated, the dark rectangles in the embedded screen capture image below no longer have a mouse over them, yet they aren't automatically closing. Can any one address the issue which is the topic of this thread. That is the one issue not being addressed.



See the black ones with the green buttons? Not closing.

[edmiston99]

Here I was able to get four of them to stick open. My mouse cursor isn't over any of the open popups in the following image.

[Acorn]

Your problem with pop-up sticking is not happening elsewhere as previously advised.
You offered up your site stating pop-ups weren't working and I found one, I thought, that didn't work at all. It turns out you didn't put one there.
I would have thought it kind that someone cared enough to check.

I have mentioned the long load time as, until this has completed, your JavaScript events may not respond correctly.

Acorn

[Gorgon]

I can get three pop-ups to stick open simultaneously (using Chrome). There is also a facebook symbol half hidden above the circular logo at the top of each page in addition to the one on the left.

[edmiston99]

The popup problem clearly is happening elsewhere as evidenced by Gorgon. Thank you Gorgon. Plus, the page can be fully loaded, and the popup problem still exists.

Gorgon: One facebook button leads to their facebook page, and one is a "share" button.

[edmiston99]

It's ok if you don't know the answer. Hell, I don't know the answer, but if you don't know the answer, why are you answering. Is there any way to get someone who knows the answer to this question to weigh in? I know. Radical concept.

[Acorn]

It's ok if you don't know the answer. Hell, I don't know the answer, but if you don't know the answer, why are you answering. Is there any way to get someone who knows the answer to this question to weigh in? I know. Radical concept.

You should remove the shadow from each of the coffee labels on the MouseOff layer as when you roll out of the MouseOver layer you are tripping over the shadow and firing up the rollover all over again. I think it is all down to this 4 px difference, but there is also might be just too little adjacent space between the labels.

If you need a shadow effect, add it separate form the rollover event.

You also have a number of empty png images duplicated but I don't think these contribute to the effect.

At no point did you mention you have to wave the mouse around to get the pop-ups to misbehave.I failed to get anything as my PC is quite nifty; so in the end, it will be down to the end-user processor speed not being able to react to so many events.

Acorn