how do you add an image to a jquery tooltip

Question

I haven\'t seen this exact question addressed...if it has been, just please point me to it.

I\'m using jquery\'s ui tooltip. I have one link that when you mouseover

Answer 1

try this one :

Html

image of 1 Maple St.

JQuery

$( "#riverroad" ).tooltip({ content: '' });

See the working fiddle.

Jquery 1.9.1 and JqueryUI 1.9.2 are included of course. Check if your image path is correct by the way.

Edit : You told me that you're setting the link with jQuery, see this second working example :

Html

JQuery

$(document).ready(function() {
   $("#content").html('image of 1 Maple St.');
   $("#content #riverroad").tooltip({ content: '' }); 

});

Here is the new fiddle !