how do you add an image to a jquery tooltip

by

try this one :

Html

<a id="riverroad" href="#" title="" >image of 1 Maple St.</a>

JQuery

$( "#riverroad" ).tooltip({ content: '<img src="https://stackoverflow.com/questions/15274123/yourImagePath" />' });

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

<div id="content">    
</div>

JQuery

$(document).ready(function() {
   $("#content").html('<a id="riverroad" href="#" title="" >image of 1 Maple St.</a>');
   $("#content #riverroad").tooltip({ content: '<img src="http://icdn.pro/images/fr/a/v/avatar-barbe-brun-homme-utilisateur-icone-9665-128.png" />' }); 

});

Here is the new fiddle !

More Related Contents:

  1. How do I hide the tooltip ‘title’ when using a lightbox plugin
  2. How to display messages from jQuery Validate plugin inside of Tooltipster tooltips?
  3. Change Twitter Bootstrap Tooltip content on click
  4. How can I display a tooltip on an HTML “option” tag?
  5. jQuery override default validation error message display (Css) Popup/Tooltip like
  6. Overriding CSS styles of the jQuery UI Tooltip widget
  7. how to get child tags using each statement?
  8. Submit a form using jQuery [closed]
  9. Animate scrollTop not working in firefox
  10. Set value of textarea in jQuery
  11. How to adjust the column width of jqgrid AFTER the data is loaded?
  12. Can I get div’s background-image url?
  13. How to use free jqgrid properties to conditionally add actions buttons
  14. jQuery UI Datepicker – Multiple Date Selections
  15. Fire event each time a DropDownList item is selected with jQuery
  16. How to return data from PHP to a jQuery ajax call
  17. Jquery each – Stop loop and return object
  18. browser.msie error after update to jQuery 1.9.1
  19. “How” to save an entire collection in Backbone.js – Backbone.sync or jQuery.ajax?
  20. Capturing “Delete” Keypress with jQuery
  21. Check if all checkboxes are selected
  22. Bootstrap 4 with remote Modal
  23. jQuery – How to select value by attribute name starts with
  24. Ignore all hidden div but not one in jQuery validation
  25. jquery clone select doesnt keep value
  26. Angular4 can’t find Jquery-UI functions
  27. jQuery Uncaught TypeError: Cannot read property ‘fn’ of undefined (anonymous function)
  28. How to enforce a “smooth scrolling” rule for mousewheel, jQuery?
  29. Get bottom and right position of an element
  30. jqGrid with automatic height; but has a max height & scrollbars

Leave a Comment