title: Bootstrap popover, image as content
body: <p>I'm trying to this:</p>
  
  <pre><code>$("a[rel=popover]").popover({
      html:       true,
      trigger:    'hover',
      content:    '&lt;img src="'+$(this).data('img')+'" /&gt;'
  });
  </code></pre>
  
  <p>but it doesn't work because the $(this).data('img') doesn't work.</p>
  
  <p>Why I do this, I've got conflicts with templating and html in the data-content attribute. So I place the image source in a data-img attribue and like to grab that en place it into a img element.</p>
  
  <p>I've tried this, but works not fully:</p>
  
  <pre><code>$("a[rel=popover_img]").popover({
      html:       true,
      trigger:    'hover',
      content:    '&lt;img src="#" id="popover_img" /&gt;'
  }).hover(function(){
      $('#popover_img').attr('src',$(this).data('img'));
  });
  </code></pre>
  
  <p>I hope somebody can help me out :)</p>