js: focus() causes images to stop displaying... workaround?

hey all,

i got this site and when it loads it displays the contents of the shop. so we get the images to load and display perfectly. there's an enlarge button which pops up a detail window for that item and a focus for it.

however, if the images haven't fully displayed, they don't show in the main window.

the images still seem to load, they just don't display... the loading bar on the browser fills up and the "show picture" option beomes available if i right-click on the image.

i tried putting the focus on the popups body onLoad method and on the parent's window.open().focus() call. both do the same thing.

the url is:
http://www.fadetoblue.com/gashop/sho...r=2&category=1

i looked in some references i have for a showImages command to mimic the IE show pictures but i couldn't find any.

Thanks for any help anyone has,
Alex.

Are you saying that if someone clicks on an image in the main window to launch the popup window for that item before the image in the main window has fully loaded, then the image will display in the popup window but not the main window?

If that's the case, then why not force the image in the main window to load again when the popup window closes (ie when the main window gets the focus again)

yeah could do... but there's like 60 odd images in this section (see link...) and i'm pretty sure the image is loaded, cos there's nothing downloading anymore. it's just that they don't display.

is there a method/function i can use to refresh the image without the client having to download it again?

i could yeah ... just reload the page... but then i'm still stuck with the same problem.

Is this happening with all browsers, or just a specific version of Netscape or IE?

pretty much all... have you checked out the link.... i mean i don't think this is a coding problem...