Enabling the jQuery effects on a page is now no more a mess. Using a plugin called Adipoli, it is as simple as this to show different effects for our content:
Add the necessary js files and css files.
Select the element on which the effect is to be applied.
Invoke the tooltip plugin.
So here is the code:
$(document).ready(function(){
$('.imgsmile').adipoli({
'hoverEffect' : 'popout'
});
});
There are still more effects that you can add up on other than popout: