Just checked and it's IE7. At the minute, I need to assume it has to stay that way :(

I've found this sort of thing:

<img alt="Connecting..." id="ImageTest" />
 
<script type="text/javascript">
 
$('#ImageTest')
  .error(function() {
    alert('Handler for .error() called.')
  })
  .attr("src", $imageURL);
 
 
</script>

It seems to work, though I've not tested it in IE7 yet. Only I'm too thick to figure out how to keep on retrying

Use setTimeout to call itself after a short pause.

function setImageUrl()
{
$('#ImageTest')
  .error(function() {
    alert('Handler for .error() called.')
    setTimeout( setImageUrl , 300 )
  })
  .attr("src", $imageURL);
}
 
setImageUrl()

I guess this will work in IE7 since the image is doing the cross-domain stuff, not the script, so there's no security issues.

Hmmm, might also need to set the src to a safe value and then back to the test one for it to trigger a change. (Not sure on that.)

Using images seems to lock up the browser when I do it in any kind of loop :(

Browsers suck. :|

Instead of looping, could you try multiple images, with each src set in a chain after the previous one fails?

Oh, and make sure IE's shit local caching is disabled (i.e. "check every visit").

Right, I'm getting there but if I change a variable in ".Error" it doesn't seem to make any difference. Is that by design?

Should be lowercase e for error?

Think I've sussed the problem, maybe. I've added a "didError" variable and set it to one when the error occurs. However, because it's not triggering UNTIL the error, my code is going ahead and executing before the image has failed

function checkImageUrl()
{
 
$('#ImageTest')
  .error(function() {
  setTimeout("checkImageUrl()", 2000);
  })
 
  $('#ImageTest').load(function() {
  window.location.replace(redirectURL);
  });
 
  $('#ImageTest').attr("src", imageURL + "?=" + d.getTime());
 
}
 
checkImageUrl();

Trial and error, yay!

Hmm, this does work but looking at it in FireBug, it appears to exponentially load images and I'm not really sure why :(

Ah, every time the function is called I'm creating a new event handler. Moved them out of the function and I think I'm there.

Yay!

Course once you switch to IE7 you'll probably find some random annoying error cropping up just to be a pain. :(

You were right :D Just does nothing after the first event in IE, I guess changing the image url doesn't force a reload of the image.

 

I have, however, got it working by forcing a page refresh. I'll try and figure out how to get IE to reload the image because it's much cleaner, but at least I can make it work regardless.