Jquery Image Tooltip

Dear Friends,
skrg saatnya sy mw share bgmn cara menggunakan tooltip image, seperti halnya tooltip dalam bentuk text, jquery tooltip image ini sama cara kerjanya yaitu ketika mouse diam di atas objek sperti gambar berikut :

file2 yg diperlukan :
1. jquery.tooltip.css
2. jquery.tooltip.js





$(document).ready(function() {
    /* FOTO TOOLTIP */
    $(".usr_photo img").tooltip({
        delay: 200,
        showURL: false,
        fixPNG: true,
        extraClass:'ui-widget-header ui-corner-all',
        bodyHandler: function() {
            return $("").css({
                width: '500px', height: 'auto'
            }).attr("src", this.src);
        }
    });
});



 
body> 
span class="usr_photo"> a href="#" border="0"> img src="image.jpeg" width="100" height="100" /> /a>/span>
/body>
 

met mencoba .

Read more »