/ Ref: * [Tooltipster - The jQuery Tooltip Plugin](http://iamceege.github.io/tooltipster/)

.upper-spacer
.content
  img.tooltipster[src="http://placehold.it/300x200"]
  img.tooltipster[src="http://placehold.it/250x200"]

/ debug print
pre
  code
    #out
View Compiled
.upper-spacer {
  display: block;
  margin-top: 50px;
}
img {
  margin-right: 3px;
}
.content {
  float: left;
}
#out {
  display: inline-block;
  float: left;
  width: 120px;
}
$(function() {
  // Set title as src for tooltipster
  $('img').each(function(_elm) {
    var src = $(this).attr('src')
    $(this).attr('title', src)
  })
  
  // Init tooltipster
  $('.tooltipster').tooltipster({
    theme: 'tooltipster-punk'
  })
  
  // Set mouse enter event to put src value to #out
  $('img').on('mouseenter', function(_elm) {
    var src = $(this).attr('src')
    // console.log(src) // Debug print
    $('#out').html(src)
  })
  
  // Erase the src info when mouse leave
  $('img').on('mouseleave', function(_elm) { 
    $('#out').html('')
  })
})
Run Pen

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/css/tooltipster.min.css
  2. https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/css/themes/tooltipster-punk.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/js/jquery.tooltipster.min.js