DataTables

DataTables Examples

by rwhal06

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="container2">


  <img id="img" src="https://static.pexels.com/photos/6555/nature-sunset-person-woman-large.jpg" />
  <div id="img-tooltip" data-toggle="tooltip" data-placement="right" title="Tooltip for image" data-animation="false" data-trigger="manual"></div>
</div>


<div class="container2">
  <a href="https://stackoverflow.com/questions/34034163/how-to-make-bootstrap-3-tooltip-follow-mouse">https://stackoverflow.com/questions/34034163/how-to-make-bootstrap-3-tooltip-follow-mouse</a>
</div>

CSS

#img-tooltip {
  position: absolute;
}

#img-tooltip+.tooltip {
  pointer-events: none;
}

img {
  max-width: 300px;
}

JavaScript

var tt = $("#img-tooltip");
$("#img").on('mousemove', function(e) {
  tt.css({
    top: e.pageY,
    left: e.pageX
  }).tooltip('show');
}).on('mouseleave', function(e) {
  tt.tooltip('hide');
});