| home / experts / dhtml / column27 |
|
We have tried to make the Fader script work under any circumstances. Some we have already foreseen and have included in Versions 2+. One contingency that we have yet to account for is the possibility of the fade-workaround GIF not loading in Navigator. This may happen if:
Presently, our script will not kick in unless the image has loaded. However, the behavior should be:
If a fade is called for and the image does not load, forget about fading and switch to flipping.
Let's revisit the NS-only code, in the beginning of our script, that loads the image. Presently, it looks like this:
if (NS4) {
if(FDRjustFlip) {
totalLoads = 1;
}
else {
totalLoads = 2;
FDRfadeImg = new Image();
FDRfadeImg.onload = FDRcountLoads;
FDRfadeImg.src = FDRgifSrc;
}
}
We'll give the new Image object an onerror event handler, which will fire if the image does not load. Like the onload handler, it too calls
if (NS4) {
if(FDRjustFlip) {
totalLoads = 1;
}
else {
totalLoads = 2;
FDRfadeImg = new Image();
FDRfadeImg.onload = FDRcountLoads;
FDRfadeImg.onerror = FDRcountLoads;
FDRfadeImg.src = FDRgifSrc;
}
}
So, whether the image loads or not, a call to
function FDRcountLoads(e) { // event argument
if (IE4) {
setTimeout("FDRinit()",1);
}
else {
if(e.type == "error") FDRjustFlip = true;
FDRloadCount++;
if (FDRloadCount==totalLoads) {
origWidth = innerWidth;
origHeight = innerHeight;
window.onresize = function(){
if (innerWidth==origWidth && innerHeight==origHeight)
return;
location.reload();
}
FDRinit();
}
}
}
The Navigator-specific part of the function checks the event type. If it is an error event, the FDRjustFlip parameter variable is forced to true, enabling flipping, and FDRloadCount is incremented as usual.
Now, the script will continue as if the author had originally given FDRjustFlip a value of true.
This a very elegant method for ensuring Fader functionality, since all Navigator versions support the documented and very useful onerror handler for the Image object, right?
Produced by Peter Belesis and
Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs 
All Rights Reserved. Legal Notices.
Created: Nov 30, 1999
Revised: Nov 30, 1999
URL: http://www.webreference.com/dhtml/column27/fade3onerror.html
