JSFiddle - React, Tailwind, and code Playground

by Yonathan Benitah

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" />
	<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
	<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<script language="javascript">
		$(document).ready(function() 
		{
			$(".imagehover").tooltip
			({    
				items: "[data-src]",
				content: function () 
				{
					return '<img src="' + $(this).data("src") + '" />';
				},
				tooltipClass:"tooltipImg",
				position:
				{ 
					within: ".usertable",
                    collision: "flip"
				},
				track:true  
			});
		});
	</script>
<div class="usertable">
    <span class="imagehover" data-src="http://i.imgur.com/QUA2y63.jpg">HOVERME PLEASEAAA</span>
</div>