In IE, these images don’t show up to their full size, and therefore the Image looks distorted.

But the same page when viewed in foreFox looks perfect.

Here’s my javasciprt:

function createPhotoTip(elem,itemId) {
if (!yh_tt || !elem || elem.tt_div ) return ; // already initialized or not ready to initialize yet.
if ( !Dom.get(‘photo_tooltip’ + itemId)) {
var i;
i = new Image();
i.src = “${pageContext.request.contextPath}/viewThumbNail?objectId=” + itemId;
var d = document.createElement ( ‘div’ );
d.className=’tooltip’;
d.id = ‘photo_tooltip’ + itemId;
var img = document.createElement ( ‘img’ );
img.id = ‘photo_for_’ + itemId;
img.src = imgLoading.src;
d.appendChild(img);
document.body.appendChild(d);
if (!i.complete) {
Event.on ( i, ‘load’, function(e) {
var img = Dom.get(‘photo_for_’ + itemId);
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;
}
}
createTip ( elem, ‘photo_tooltip’ + itemId, false );
}

Any help will highly be appriciated.

I appended the createPhotoTip function into the yh_tooltip.js and managed to create the tooltip.
However, I was testing with a 1024×768 jpg image, and the tooltip image on screen is very small, about 1cm x 1cm.

How do I adjust the size?

Thank you.

Great work! I have tried your code and i have a question for you. I am wondering if it is possible to change the width of the toop_tips (or if I want to have a fixed width 250px). Thanks in advance!

Please help me..]
advance Thank u for ur kind reply

please give the solution…what is wrong in that code..
I waiting for your reply

please reply me….

Thank you for ur time consideration

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;
}

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=’<the path to your photo>’;

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