With Tippy 4.1.0, using Tippy on an image is as easy as specifying another attribute. If you want Tippy to trigger on an image rather than a text link, just set img to your image url. If you specify a title, that gets used for the image alt text. If you specify a class, that class is set on the image with _img appended, allowing you to style specific images. For example:
[tippy title="This is at the zoo" class="myGiraffe" img="http://www.croberts.me/wp-content/uploads/2011/05/giraffe.jpg"]Just something to demonstrate how to trigger Tippy on an image.[/tippy]
Tippy 4.1.0 adds one additional new feature: the headertext attribute. Previously, the Tippy link and header both displayed whatever you specify for the title. Now, if you want the header to display something different than the title, use headertext. For example:
[tippy title="mouse over me" headertext="See? I'm different!"]This is my nifty tooltip.[/tippy]
This gets you: mouse over me.
Head on over to the Tippy page for more info about this nifty plugin.