Broken Image on Click

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
motionfuze
Beginner
Beginner
Posts: 1
Joined: Tue Oct 01, 2013 1:34 pm

Broken Image on Click

Postby motionfuze » Tue Oct 01, 2013 3:51 pm

This issue is only happening in Chrome (v29.0.1547.76). I have a menu bar made up of images. The rollovers work fine, however, on clicking a nav link, a large broken image appears for a second, blowing out the menu container and making the page look really bad momentarily. (See attached) Then, all returns to normal upon page load. It seems as though the script is looking for a "down" state of the button image. This is happening on several sites I have the menu on. Anyone else experiencing this?
Attachments
meinekeOnImage.jpg
meinekeOnImage.jpg (200.85 KiB) Viewed 5893 times

User avatar
Ruth
 Team
 Team
Posts: 8760
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Broken Image on Click

Postby Ruth » Wed Oct 02, 2013 12:40 am

Hi,

Since I don't have Chrome, I posted this direct to Milonic. Just wanted you to know that something is being done. They are generally pretty quick with a response. It would help them if you had a link to that page so they can test and figure out what the issue is.

Ruth

User avatar
Andy
Milonic
Milonic
Posts: 3307
Joined: Sun May 19, 2002 8:23 pm
Location: Menu Developer
Contact:

Re: Broken Image on Click

Postby Andy » Wed Oct 02, 2013 10:43 am

Hi,

Just spent the last few hours dealing with this very annoying issue.

Looks like a bug with Chrome, occurs with the latest 30.0.1599.66 version as well.

Anyway, what happens is Chrome appears to be resetting properties it should not be touching when the menu resets the image. The problem is inside the itemOff function within the menu that resets the previously highlighted menu item back to OFF state. This all works fine (mousover/mouseout) until you actually click a menu item informing the browser that you would like to go another site. Chrome then changes the .src resulting in a broken image and resizes the image as a square instead of the specified rectangle resulting in the issue you see.

Now, I can spend more hours working on this and fix it but I guess Google will fix this issue within the browser itself in due course, so I have a cunning plan.

What we can do is stop the browser from resetting the item to OFF state when we click a link and the way to do this is to add the following to your menus style:

Code: Select all

type="imagemenu";


Here's how that is applied:

Code: Select all

with(AllImagesStyle=new mm_style()){
styleid=1;
bordercolor="#000000";
borderstyle="solid";
fontstyle="normal";
fontweight="normal";
padding=3;
type="imagemenu";
}


This should help, I know it's a workaround but it's not too much of a pain and the problem will fix itself, by default, in the next version or so of Chrome.

Hope this helps,
Andy

User avatar
Ruth
 Team
 Team
Posts: 8760
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Broken Image on Click

Postby Ruth » Fri Oct 04, 2013 7:43 pm

Just for your information: Andy decided it was an issue he would fix in the menu instead of waiting for Chrome, if they ever did fix the issue, so there is a new release available: Version - Latest - 5.933
Bug Fix - Thursday 3rd October 2013. This will fix the issue of Chrome breaking the images.

Ruth


Return to “Help & Support for DHTML Menu Version 5+”

Who is online

Users browsing this forum: No registered users and 5 guests