Forum Moderators: open
I have a xhtml page with 200 or so image icons (2 images repeated), lets call them imagesX imagesY,
they all loaded fine. . .
I added a javascript new window function to the code (on each image)and now the half the images load only 50% of the time.
ie refresh browser, imagesX load
refresh again, imagesY load
refresh again, neither X or Y load
,again, both sets load as supposed to
this happens seemingly randomly
The page size is quite large *grimice* 60 k and
adding the js. (4-5k) may of just tipped it over the edge?
(everything works fine in mozilla btw)
heres the code
it worked like this:
<td><ahref="/klub_tones/listen/44837.html"><img src="images/REAL/mon.gif"
alt="Listen Monophonic" border="0" /></a> <a href="/klub_tones/listen/50553.html"><img src="images/REAL/pol.gif" alt="Listen Polyphonic" border="0" /></a></td>
it does'nt work like this: (added js.)
<td>
<a href="javascript:PopUpWindow('x', '/klub_tones/listen/44590.html'); ">
<img src="images/REAL/mon.gif" alt="Listen Monophonic" border="0" /></a>
<a href="javascript:PopUpWindow('x', '/klub_tones/listen/50505.html'); ">
<img src="images/REAL/pol.gif" alt="Listen Polyphonic" border="0" /></a>
</td>
cheers
Paul
There appears to be a bug in the Windows version of IE6 with loading images.
I've reproduced this on several computers running either Windows ME and 2000 (yes, even computers with no firewall or antivirus software installed).
To reproduce the bug, simply take a small
image, and display it 100 or so times on a simple web page
saved to your local drive. When displayed in IE6, it comes
up fine -- even if you refresh numerous times.Then make a copy of that file and add a simple
<script language="javascript"></script>
line to the head block. No need to add any code to the
javascript block, unless you want to. Now display this
file in IE, and if the image appears the first time, keep
refreshing. The images often (if not always) disappear. It appears the more often an image appears on the page, the
more often the bug presents itself.Note that if you right-click the image placeholder and
select Show Picture, the image always appears. And yes, I
have seen KB article 283807 -- none of the suggested
solutions solve this problem.Can anyone else confirm this as a bug and/or provide a
workaround? Thanks.
still no futher to fixing it though anyone got any ideas?
I have had a similar problem with very small images... I found this to be a known bug in IE. Sometimes IE would load them, sometimes not. The only solution I found is to make the images larger. I did not know that having javascript in the page increased the likelihood of the bug manifesting, but on reflection there probably was quite a bit of javascript on the page.
Shawn
The amount of javascript does'nt matter as the guy said
this line is enough to mess the page up, I tested it my self
<script type="text/javascript"></script>
A halfway workaround, I might have to resort to using
is to duplicate the imgages and give them different names x1.gif x2gif etc. So at least some images are displayed
I can't belive theres no docs on this bug
cheers
here's the solution I had the javascript funtion within the head of the document placed like this
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>::buggy ie6::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="main.css" />
<style type="text/css">
tr.odd td {
background: #fff;
text-align: left;
border-bottom: solid 2px #ccff00;
vertical-align: bottom;
font-size: 9px;
padding-left: 7px;
line-height:11pt;
padding-top: 1px;
}
tr.even td {
background: #E6E2D0;
text-align: left;
border-bottom: solid 2px #ccff00;
vertical-align: bottom;
font-size: 9px;
padding-left: 7px;
line-height:11pt;
padding-top: 1px;
}
</style>
<script type="text/javascript">
function PopUpWindow(WindowName, URL) {
var width = 300;
var height = 100;
window.open(URL,WindowName,'menubar=no,toolbar=no,status=no,width='+width+',height='+height+',resizable=no,scrollbars=no');
}
</script>
</head>
I simply moved the javascript function above the title tag
and voila it works perfectly, I can't see that was anything
wrong with the above positoning of the js. can any one else?
the placement of the working code looks like this
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><script type="text/javascript">
function PopUpWindow(WindowName, URL) {
var width = 300;
var height = 100;
window.open(URL,WindowName,'menubar=no,toolbar=no,status=no,width='+width+',height='+height+',resizable=no,scrollbars=no');
}
</script><title>::buggy ie6</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="main.css" /><style type="text/css">
tr.odd td {
background: #fff;
text-align: left;
border-bottom: solid 2px #ccff00;
vertical-align: bottom;
font-size: 9px;
padding-left: 7px;
line-height:11pt;
padding-top: 1px;
}
tr.even td {
background: #E6E2D0
text-align: left;
border-bottom: solid 2px #ccff00;
vertical-align: bottom;
font-size: 9px;
padding-left: 7px;
line-height:11pt;
padding-top: 1px;
}
</style></head>
Is it worth sending a headsup to microsoft
ie6 groups as about this?
thanks for your help
Paul
