Using Tippy and Hover Image together

I’m trying to use the plugins Tippy and Hover Image for the same image; the idea is that in mousing over the image, not only does the picture change (Hover Image) but additional interactive text appears (Tippy).

I can get them to work separately, however I can’t seem to get the two to dance together. Any thoughts on how I might be able to pull this off? In the link below, the first image of girl in sunflowers utilizes Tippy; the second, Hover Image.

http://theleadershipprogram.com/nes/

Here is the source code for the two images currently…

<td><a title="News Links"><div style="padding: 5px;">Be sure to check the news each day at one of the following sites:</p><p></a><a href="//news.bbc.co.uk/"">BBC News</a><a href="//www.nytimes.com/"">The New York Times</a></div><p>', sticky: false, event: event });" onmouseout="Tippy.fadeTippyOut();"><img src="http://theleadershipprogram.com/wp-content/uploads/2013/02/Alicia-240x300.jpg" alt="Alicia" width="240" height="300" class="alignnone size-medium wp-image-3053" /></td

<td>[himage]<a href="http://theleadershipprogram.com/wp-content/uploads/2013/02/Alicia.jpg"><img src="http://theleadershipprogram.com/wp-content/uploads/2013/02/Alicia-240x300.jpg" alt="Alicia" width="240" height="300" class="alignnone size-medium wp-image-3053" /></a><a href="http://theleadershipprogram.com/wp-content/uploads/2013/02/alicia-rollover.jpg"><img src="http://theleadershipprogram.com/wp-content/uploads/2013/02/alicia-rollover-254x300.jpg" alt="alicia rollover" width="254" height="300" class="alignnone size-medium wp-image-3051" /></a>[/himage]</td>

[Please post code & markup between backticks or use the code button. Your posted code has now been permanently damaged by the forum’s parser.]