src="non" In Page Source Created Jul 30, 2010

I would be glad to hear an answer too. This causes me troubles for the cached elements on serverside... :/

I'm seeing this too in Safari intermittently. It seems to appear on some overlays, but not others?

The source of the issue is related to the effects attribute. There are 3 things you can do to fix it.

1. comment out or delete the effects attribute in the call for the overlay, /*effect: 'apple',*/

OR

2. make sure your trigger is an image or the image is in the overlay element. Not sure which one will solve the issue. The source of the image is used for the apple effect, which is why you get the error.

OR

3. download the overlay source code, the unzipped version, and modify what appears in the effects section - this is the offending code;

			bg = bg.slice(bg.indexOf("(") + 1, bg.indexOf(")")).replace(/"/g, "");
			overlay.css("backgroundImage", "none");
			
			img = $('<img src="' + bg + '"/>');
			img.css({border:0, display:'none'}).width(oWidth);			
			$('body').append(img); 

Maybe add something like

bg = bg.slice(bg.indexOf("(") + 1, bg.indexOf(")")).replace(/"/g, "");
if(bg != "non")
{
	overlay.css("backgroundImage", "none");
	//... you get the idea
}

Any of these options should work. I opted for #1, it's the least painful. Sure the apple effect is cool but if you are using something other than image for a trigger or don't have the overlay prepopulated firebug will throw this error. Plus I got a weird empty box in IE until I deleted the apple effect.

what I did was, making a 1x1 px transparent gif and saved it as non in the webroot of the website (without file suffix)