Comments on: Creating Image Preview Tooltips with the YUI Overlay Widget

By: dylan

dylan — Sun, 03 Feb 2008 06:03:28 +0000

Funny I did the same thing pretty much line for line on mine before reading your comment:

if (!i.complete) {
YUE.on ( i, ‘load’, function(e) {
var img = YUD.get(’photo_for_’+photo_id);
img.src = i.src;
img.width = i.width;
img.height = i.height;
} );
} else {
img.src = i.src;
img.width = i.width;
img.height = i.height;
}

By: Dennis

Dennis — Tue, 29 Jan 2008 18:29:14 +0000

Looks like I have a slightly updated version I was using in production.. I think I ran across the same error. Here is what I did to fix it:

replace the whole if (!i.complete) block with the following and see if that also solves your problem:

var i=new Image();
Event.on ( i, ‘load’, function(e) {
img.src=i.src;
img.width=i.width;
img.height=i.height;
} );
i.src=’’;

By: dylan

dylan — Mon, 28 Jan 2008 01:05:16 +0000

I’m trying to use this on a site that I’m buidling. It’s really nice - I appreciate your creating it. One thing though - in IE6, my installation is not resizing the image correctly after the SRC value is changed (after the image has finished downloading). For instance, if my loader.gif is 32×32, the large size image remains that way. I have seen a bug like this before where IE has trouble resizing images if you leave out a width or height, but I believe it should redraw the image completely if both are left out.

Let me know what you think - Ive set the loading image URL to your loading image just to be sure it wasnt a JPEG/GIF redrawing type thing.

http://www.dylanbutler.com/client/mapmashup/

(Find a listing with photos and mouse over one)

Thanks in advance

By: Eric Miraglia

Eric Miraglia — Wed, 05 Dec 2007 20:26:23 +0000

More great stuff — thanks, Dennis!