jQuery – 5 – Erweiterter Tooltip

Mein jQuery Tooltip aus 2008 war ja etwas eingeschränkt .. alle snapshot klassen haben den selben Tooltip (gleiches Bild) bekommen .. ist natürlich doof .. und darum hab ich es nun erweitert das von jeder snapshot Klasse im DOM das Tooltip Image separat ausgelesen und drangeklebt wird.

$(document).ready(function() {
  $(".snapshot").each(function(){
    $(this).hover(      
      function (pic) {      
         trgt = $(this);        
         html = "<div class='viewpic_style'><img src='" 
           + trgt.attr("href")
           + "' border='0' /><br /><b>"
           + trgt.attr("title")
           + "</b></div>";            
         $(html).appendTo("body");
         $('.viewpic_style').css ({
              left: (pic.pageX + 15) + 'px', 
              top: (pic.pageY + 18) + 'px'});
         $('.viewpic_style').show();
       },
       function (pic) {
          $('.viewpic_style').remove();
       }
     );
  });
});

Leave a Reply

Your email address will not be published. Required fields are marked *