is it possible to load a picture in an alert box?

Question

I am trying to have a picture to load onclick into an alert box but I am getting "[object HTMLImageElement]" where the picture should be.

This is what I have:

 function joePic(){
 var joe_fat = new Image;
 joe_fat.src = "pic1.jpg";
 alert (joe_fat);
 }

 <input type="button" value="Click here it find out" name="joePhoto" onclick="joePic()" 
 height="150" width="150" />

Is this possible?

Answer 1

No, you can only put plain text (and linebreaks/carriage returns) into an alert box. If you need 'fancy' popups, you'll have to simulate them with a floating overlay on your page.

Answer 2

probably your best bet for this is to use dialog in jquery ui or use one of the separate plugins like colorbox for jquery .

Could also look through here to see if you can find something suitable