Are you sure the above code actually works? Couldnt' even get the popover to work, eg
..
return "<img src="+$(this).data('content')+" />;
});
?? Think that is your issue.
<a href="myreference.html" data-bind="popover" data-content="flower.jpg">Brick</a>
update, works with external online image as well
<a href="myreference.html" data-bind="popover" data-content="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Flower_poster_2.jpg/451px-Flower_poster_2.jpg">Brick</a>
and
$("[data-bind='popover']").popover({
trigger: 'hover',
html: true,
content: function(){
return '<img src="'+$(this).data('content')+'">';
}
});
produces :
$("[data-bind='popover']").popover({
trigger: 'hover',
html: true,
content: function(){
return '<img src="'+$(this).data('content')+'" width="50">';
}
});
produces
With no "vibrations" etc.